Thank Goodness You're Here Wiki thankgoodness_en https://thankgoodness.wiki.gg/wiki/Thank_Goodness_You%27re_Here_Wiki MediaWiki 1.41.1 first-letter Media Special Talk User User talk Thank Goodness You're Here Wiki Thank Goodness You're Here Wiki talk File File talk MediaWiki MediaWiki talk Template Template talk Help Help talk Category Category talk Module Module talk CommentStreams CommentStreams Talk Gadget Gadget talk Gadget definition Gadget definition talk 10 252 352 2008-12-10T22:03:25Z 200.12.40.69 0 New page: <div class="references-small {{#if: {{{colwidth|}}} | references-column-width | {{#iferror: {{#ifexpr: {{{1|1}}}>1 | references-column-count references-column-count-{{{1}}} }} }} }}" {{#if... wikitext text/x-wiki <div class="references-small {{#if: {{{colwidth|}}} | references-column-width | {{#iferror: {{#ifexpr: {{{1|1}}}>1 | references-column-count references-column-count-{{{1}}} }} }} }}" {{#if: {{{colwidth|}}}| style="-moz-column-width:{{{colwidth}}}; column-width:{{{colwidth}}};" | {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; column-count:{{{1}}};" }} }}> {{#tag:references||group={{{group|}}}}}</div><noinclude>{{pp-template|small=yes}}{{documentation}}</noinclude> 329111f955baefdd82aeac832470cfc1b164e1c5 353 352 2009-01-04T05:48:32Z mw>Hj5182001 0 New page: <div class="references-small" {{#if: {{{colwidth|}}}| style="-moz-column-width:{{{colwidth}}}; -webkit-column-width:{{{colwidth}}}; column-width:{{{colwidth}}};" | {{#if: {{{1|}}}| style="... wikitext text/x-wiki <div class="references-small" {{#if: {{{colwidth|}}}| style="-moz-column-width:{{{colwidth}}}; -webkit-column-width:{{{colwidth}}}; column-width:{{{colwidth}}};" | {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; column-count:{{{1}}} }};" |}}> {{{list| {{#tag:references||group={{{group|}}}}} }}} </div><noinclude>{{Documentation}}</noinclude> 2a995d96a871edb6cb691446f0d0facb2a2e6b3e 354 353 2013-03-03T11:55:46Z mw>Mxn 0 Allow specifying <ref>s inside <reference> like at w:en: wikitext text/x-wiki <div class="references-small" {{#if: {{{colwidth|}}}| style="-moz-column-width:{{{colwidth}}}; -webkit-column-width:{{{colwidth}}}; column-width:{{{colwidth}}};" | {{#if: {{{1|}}}| style="-moz-column-count:{{{1}}}; -webkit-column-count:{{{1}}}; column-count:{{{1}}} }};" |}}> {{{list| {{#tag:references|{{{refs|}}}|group={{{group|}}}}} }}} </div><noinclude>{{Documentation}}</noinclude> c8c5e54f4d3aecf3b379bc499d27a162b328e644 355 354 2014-04-06T14:25:39Z 86.135.248.121 0 wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div>{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} || [[Category:Articles using fixed number of columns in reflist]] }} }}<noinclude> {{Documentation}} </noinclude> a4e03aec11083c5ed47aa818dfaeb5d92c7f9050 356 355 2014-05-13T23:20:08Z mw>Waldyrious 0 +generic style parameter wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}}; {{{style|}}}"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div>{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} || [[Category:Articles using fixed number of columns in reflist]] }} }}<noinclude> {{Documentation}} </noinclude> 46a1f815f3c7ba6dd5e35566d5039d497ab6d852 357 356 2014-06-25T11:46:10Z 93.42.135.39 0 wikitext text/x-wiki <div class="<references/> -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}}; {{{style|}}}"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div>{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} || [[Category:Articles using fixed number of columns in reflist]] }} }}<noinclude> {{Documentation}} </noinclude> a4f3a68f21c63e0e2c30f58bc98d51c436f668d5 358 357 2014-06-25T11:46:51Z 93.42.135.39 0 Undo revision 1047539 by [[Special:Contributions/93.42.135.39|93.42.135.39]] ([[User talk:93.42.135.39|talk]]) wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}}; {{{style|}}}"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div>{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} || [[Category:Articles using fixed number of columns in reflist]] }} }}<noinclude> {{Documentation}} </noinclude> 46a1f815f3c7ba6dd5e35566d5039d497ab6d852 359 358 2015-02-27T09:16:16Z mw>Edokter 0 Sync with en: wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div><noinclude> {{Documentation}} </noinclude> 262fc11f5c62a7ad95b8d0d03383b362c2bb43b0 360 359 2018-02-25T01:58:11Z 2001:8003:6497:F400:C8EA:F8D6:2A35:9FA5 0 Blanked the page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 361 360 2018-02-25T01:58:32Z 2001:8003:6497:F400:C8EA:F8D6:2A35:9FA5 0 wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div><noinclude> {{Documentation}} </noinclude> 262fc11f5c62a7ad95b8d0d03383b362c2bb43b0 362 361 2018-08-13T23:34:37Z 2407:7000:9D35:CF00:F0D3:6267:E8DB:1D07 0 Blanked the page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 363 362 2018-08-14T00:09:49Z mw>DSquirrelGM 0 Undo revision 2854846 by [[Special:Contributions/2407:7000:9D35:CF00:F0D3:6267:E8DB:1D07|2407:7000:9D35:CF00:F0D3:6267:E8DB:1D07]] ([[User talk:2407:7000:9D35:CF00:F0D3:6267:E8DB:1D07|talk]]) wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div><noinclude> {{Documentation}} </noinclude> 262fc11f5c62a7ad95b8d0d03383b362c2bb43b0 364 363 2022-04-21T16:55:21Z 172.58.43.85 0 Blanked the page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 365 364 2022-04-21T16:59:34Z mw>Mainframe98 0 Reverted edits by [[Special:Contribs/172.58.43.85|172.58.43.85]] ([[User talk:172.58.43.85|talk]]) to last version by DSquirrelGM wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | {{column-width|{{#if:1|{{{1}}}}}}} | {{column-count|{{#if:1|{{{1}}}}}}} }} | {{#if: {{{colwidth|}}} | {{column-width|{{{colwidth}}}}} }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div><noinclude> {{Documentation}} </noinclude> 262fc11f5c62a7ad95b8d0d03383b362c2bb43b0 366 365 2022-10-25T02:39:00Z mw>Izno 0 remove column templates in prep for delete wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | column-width: {{{1|30em}}}; | column-count: {{{1|2}}}; }} | {{#if: {{{colwidth|}}} | column-width: {{{colwidth|30em}}}; }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div><noinclude> {{Documentation}} </noinclude> de0a545ac3deb393fc45bde05f67c78fe04d9152 10 253 368 2014-02-01T13:15:24Z mw>JackPotte 0 Created page with "{{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below...." wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below. See [[#Browser support for columns|below]] for more information.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Usage== <pre> Lorem ipsum.<ref>Source name, access date, etc.</ref> Lorem ipsum dolor sit amet.<ref>Source name, access date, etc.</ref> ==References== {{Reflist}} </pre> gives: Lorem ipsum.<ref>Source name, access date, etc.</ref> Lorem ipsum dolor sit amet.<ref>Source name, access date, etc.</ref> ==References== {{Reflist}} c9eb127f6f1b865d706cd8cd28e70852904923bd 369 368 2015-02-27T02:39:54Z mw>Be..anyone 0 /* Usage */ example with three columns showing the undocumented tracking category wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below. See [[#Browser support for columns|below]] for more information.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre style="font-size:smaller"> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==References== {{Reflist}} 8573ee964c7cb274aa1efa199f331967b80800d4 370 369 2015-02-27T02:41:02Z mw>Be..anyone 0 /* References */ remains of old example removed wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below. See [[#Browser support for columns|below]] for more information.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre style="font-size:smaller"> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} 2fe7cd41cd84ab00bbd7df839a363f82b9461b30 371 370 2015-02-27T02:45:28Z mw>Be..anyone 0 Link to not (more) existing anchor or section removed wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre style="font-size:smaller"> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} 21fff3f321d719386a54cc31d81d87d50e10390d 372 371 2015-02-27T02:48:55Z mw>Be..anyone 0 /* Example */ +"see also" to cover the missing info about the column business wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre style="font-size:smaller"> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|coulmn-width}} 763a6044fecfe72fdfd2b8814ebced35fd3b47ee 373 372 2015-02-27T02:50:15Z mw>Be..anyone 0 /* See also */ typo wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre style="font-size:smaller"> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet, consectetur</ref><ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 6edd26af4a9ebf2096ecb9235c58e3dd42a0c848 374 373 2015-02-27T02:56:40Z mw>Be..anyone 0 /* Example */ Let IE9 fail in a decent way wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre style="font-size:smaller"> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 2c17c80992bf6f226fea4f8f3b5427751595ea41 375 374 2015-02-27T02:57:48Z mw>Be..anyone 0 /* Example */ decent does not more require smaller wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. * '''close=1''': forces the reference list to close and render all references defined to that point; see the [[#Multiple uses|section on multiple uses]] for details. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 6c8a7ea16342fcc74ca660dd925cff6162993c50 376 375 2015-02-27T09:13:07Z mw>Edokter 0 Obsolete wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 2a4ace28dd85962eb6de853696eb89f40bdbf7b5 377 376 2017-11-30T03:19:15Z 75.91.52.216 0 Blanked the page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 378 377 2017-11-30T03:55:54Z mw>Tropicalkitty 0 Reverted edits by [[Special:Contributions/75.91.52.216|75.91.52.216]] ([[User talk:75.91.52.216|talk]]) to last revision by [[User:Edokter|Edokter]] wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 2a4ace28dd85962eb6de853696eb89f40bdbf7b5 379 378 2018-05-20T21:39:31Z 113.210.37.54 0 wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. {{#translation:}} ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 0c25f2052c7a567204788fb4887866ff6ee8312e 380 379 2018-05-20T21:40:46Z 113.210.37.54 0 <languages/> wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. {{#translation:}} ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} 673c9de2608aaef5f23d1e50c6ea9ca20c4b3c01 381 380 2018-05-21T03:20:09Z mw>Clump 0 wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==See also== * {{tl|column-count}} * {{tl|column-width}} 2a4ace28dd85962eb6de853696eb89f40bdbf7b5 382 381 2018-07-30T06:40:38Z mw>Samwilson 0 templatedata wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== <templatedata> { "params": { "1": { "label": "Column count", "type": "number", "default": "1" }, "colwidth": {}, "liststyle": {}, "group": { "label": "Group name", "description": "The name of the references group.", "type": "string" }, "refs": {} }, "description": "A reference list, with options for setting columns, groups, extra references etc." } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} cb082675bcaa77a53fe14d275c3f84332540ec8f 383 382 2021-06-20T07:31:12Z mw>ExE Boss 0 /* TemplateData */ Update [[mw:Special:MyLanguage/Help:TemplateData|TemplateData]] wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": "A reference list, with options for setting columns, groups, extra references etc.", "params": { "1": { "label": "Column Count", "type": "number", "default": "1" }, "colwidth": { "label": "Column Width", "type": "string" }, "liststyle": { "label": "List Style", "description": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": "Group name", "description": "The name of the references group.", "type": "string" }, "refs": { "label": "List of references", "description": "Provides a space to define named references for use in the article.", "suggested": true, "type": "content" } } } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} b1acbc69f382a64b39eed87b38a50e482c3f2cbf 384 383 2022-01-04T08:56:05Z 172.58.46.177 0 Blanked the page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 385 384 2022-01-04T09:09:48Z mw>Ciencia Al Poder 0 Reverted edits by [[Special:Contribs/172.58.46.177|172.58.46.177]] ([[User talk:172.58.46.177|talk]]) to last version by ExE Boss wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": "A reference list, with options for setting columns, groups, extra references etc.", "params": { "1": { "label": "Column Count", "type": "number", "default": "1" }, "colwidth": { "label": "Column Width", "type": "string" }, "liststyle": { "label": "List Style", "description": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": "Group name", "description": "The name of the references group.", "type": "string" }, "refs": { "label": "List of references", "description": "Provides a space to define named references for use in the article.", "suggested": true, "type": "content" } } } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} b1acbc69f382a64b39eed87b38a50e482c3f2cbf 386 385 2022-04-21T16:57:46Z 172.58.43.85 0 Blanked the page wikitext text/x-wiki da39a3ee5e6b4b0d3255bfef95601890afd80709 387 386 2022-04-21T16:58:33Z 172.58.43.85 0 wikitext text/x-wiki fuckupayme 9b9f199b61ef02f9939cf96df3418bf9d3a4a074 388 387 2022-04-21T16:59:34Z mw>Mainframe98 0 Reverted edits by [[Special:Contribs/172.58.43.85|172.58.43.85]] ([[User talk:172.58.43.85|talk]]) to last version by Ciencia Al Poder wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": "A reference list, with options for setting columns, groups, extra references etc.", "params": { "1": { "label": "Column Count", "type": "number", "default": "1" }, "colwidth": { "label": "Column Width", "type": "string" }, "liststyle": { "label": "List Style", "description": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": "Group name", "description": "The name of the references group.", "type": "string" }, "refs": { "label": "List of references", "description": "Provides a space to define named references for use in the article.", "suggested": true, "type": "content" } } } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} b1acbc69f382a64b39eed87b38a50e482c3f2cbf 389 388 2022-10-24T16:03:36Z mw>ENeRZet 0 text editing wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd." }, "params": { "1": { "label": { "en": "Column Count", "cs": "" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "" }, "type": "string" }, "liststyle": { "label": "List Style", "description": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": "Group name", "description": "The name of the references group.", "type": "string" }, "refs": { "label": "List of references", "description": "Provides a space to define named references for use in the article.", "suggested": true, "type": "content" } } } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} d790091dde028814163805c199b3fccee9f23d1c 390 389 2022-10-24T16:05:31Z mw>ENeRZet 0 text editing wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd." }, "params": { "1": { "label": { "en": "Column Count", "cs": "" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "" }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "" }, "description": { "en": "The name of the references group.", "cs": "" }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "" }, "suggested": true, "type": "content" } } } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} 64b7e8ac76f7b8d4ac7549bd7d3eb5cebdcd6d3f 391 390 2022-10-24T16:09:57Z mw>ENeRZet 0 text editing wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku." }, "suggested": true, "type": "content" } } } </templatedata> ==See also== * {{tl|column-count}} * {{tl|column-width}} ed4fc48fc2d2f8226081c3c225384821d4d3a19e 392 391 2022-10-25T02:44:51Z mw>Izno 0 remove see also wikitext text/x-wiki {{Documentation subpage}} {{Ombox | type=notice | text = Columns are not supported by some older browsers, most notably Internet Explorer 9 and below and Opera 11.0 and below.}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku." }, "suggested": true, "type": "content" } } } </templatedata> 7bdb41d0a6119edd0c5691c8a79c977b35944189 393 392 2022-10-25T02:45:06Z mw>Izno 0 and this is no longer relevant wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku." }, "suggested": true, "type": "content" } } } </templatedata> 1b97be8bac53d8f7ea98e20334adb931ad2b4281 394 393 2022-12-02T19:56:48Z mw>Nerun 0 templatedata translation pt-br wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 0f73cb22d877a3ccd1b78cf3ba382e2b12d27a21 395 394 2022-12-02T20:00:44Z mw>Nerun 0 /* Parameters */ wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. <translate>==Parameters==</translate> * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 3474bec7af4e008ac991c4c8e4c34ca9b0568c86 396 395 2022-12-02T20:04:32Z mw>Nerun 0 Undo revision 5634756 by [[Special:Contributions/Nerun|Nerun]] ([[User talk:Nerun|talk]]) wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1" }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string" }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 0f73cb22d877a3ccd1b78cf3ba382e2b12d27a21 397 396 2022-12-02T20:28:50Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": "A natural number specifying fixed columns into which the reference list is to be rendered. Example: |2|." }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns. Example: |30em|." }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 4f0057efd7b91b75146ddf9f796fda22cf35003d 398 397 2022-12-02T20:29:57Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered. Example: |2|.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada. Exemplo: |2|." } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns. Example: |30em|.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência. Exemplo: |30em|." } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 103416b63e09985619293e6cee430ef541adb879 399 398 2022-12-02T20:31:02Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered. Example: |2|.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada. Exemplo: |2|." } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns. Example: |30em|.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência. Exemplo: |30em|." }, "example": { "en": "|30em|", "pt-br": "|30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> faf9e86caf35e6f32764bdb44fd9cc3ebf0fb885 400 399 2022-12-02T20:31:49Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered. Example: |2|.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada. Exemplo: |2|." } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|30em|", "pt-br": "|30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 70cfaecc1d045463fedd1f63a6bf1fa5b3d262bd 401 400 2022-12-02T20:32:50Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|30em|", "pt-br": "|30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 4956aad2774e79406ff9de2957f97972e72865c3 0 1 1 2021-11-29T15:17:56Z MediaWiki default 0 wikitext text/x-wiki <strong>MediaWiki has been installed.</strong> Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software. == Getting started == * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ] * [https://lists.wikimedia.org/mailman/listinfo/mediawiki-announce MediaWiki release mailing list] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language] * [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki] 5702e4d5fd9173246331a889294caf01a3ad3706 10 253 402 401 2022-12-02T20:36:35Z mw>Nerun 0 /* TemplateData */ wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * First unnamed parameter: : column-count: a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. : column-width: a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|paams=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> bef71f2615552d365f1ad8108b1d624112ba0333 403 402 2022-12-02T20:46:35Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> ebf76cc8b745eab2a3f269db689d98c6493187ec 404 403 2022-12-02T20:49:59Z mw>Nerun 0 /* TemplateData */ wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{reflist|group=groupname}} renders all references with groupname as the group name (<ref group=“groupname”>).", "cs": "Název skupiny doporučení.", "pta-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado, por exemplo, {{reflist|group=groupname}} renderiza todas as referências com groupname como o nome do grupo (<ref group=“groupname”>)." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> ae29163cf7a0b753bba61095f30c78354e8b1469 405 404 2022-12-02T20:50:54Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{reflist|group=groupname}} renders all references with groupname as the group name (<ref group=“groupname”>).", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado, por exemplo, {{reflist|group=groupname}} renderiza todas as referências com groupname como o nome do grupo (<ref group=“groupname”>)." }, "type": "string" }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> cc0934093a3a0baa500ede90cb596d35f898c531 406 405 2022-12-02T20:54:15Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pta-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 911c9027aa3a2028d4dcb2d2de2f224e0e18ea3f 407 406 2022-12-02T20:55:43Z mw>Nerun 0 /* TemplateData */ wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pt-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 81b379097647b73f8e441ea5315fd455b9ab502c 408 407 2022-12-02T21:01:00Z mw>Nerun 0 wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pt-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article. Used with named references (e.g., ‎<ref name=“name” />); it specifies a list of some or all named references used in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo. Usado com referências nomeadas (por exemplo, <ref name=“name” />); ele especifica uma lista de algumas ou todas as referências nomeadas usadas no artigo." }, "suggested": true, "type": "content" } } } </templatedata> d0b87e7626ba7aa7cc9f0a0fdb518fbea6b9cd99 409 408 2024-01-29T15:32:59Z 47.201.120.254 0 /* Parameters */ wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|s|params=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pt-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article. Used with named references (e.g., ‎<ref name=“name” />); it specifies a list of some or all named references used in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo. Usado com referências nomeadas (por exemplo, <ref name=“name” />); ele especifica uma lista de algumas ou todas as referências nomeadas usadas no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 18d42986ed00677190c6c31a7fd87ca2314df932 410 409 2024-01-29T16:00:22Z mw>Pppery 0 Reverted edits by [[Special:Contribs/47.201.120.254|47.201.120.254]] ([[User talk:47.201.120.254|talk]]) to last version by Nerun wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pt-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article. Used with named references (e.g., ‎<ref name=“name” />); it specifies a list of some or all named references used in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo. Usado com referências nomeadas (por exemplo, <ref name=“name” />); ele especifica uma lista de algumas ou todas as referências nomeadas usadas no artigo." }, "suggested": true, "type": "content" } } } </templatedata> d0b87e7626ba7aa7cc9f0a0fdb518fbea6b9cd99 10 2 2 2022-12-18T00:55:51Z DynamicPageList3 extension 44285 Autogenerated DPL's necessary template for content inclusion wikitext text/x-wiki <noinclude>This page was automatically created. It serves as an anchor page for all '''[[Special:WhatLinksHere/Template:Extension_DPL|invocations]]''' of [https://www.mediawiki.org/wiki/Special:MyLanguage/Extension:DynamicPageList3 Extension:DynamicPageList3].</noinclude> 087ffd4625ae7b1fea3436ec3f929e82ee739d29 4 3 3 2024-09-19T18:43:45Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 4 3 2024-09-19T18:43:46Z RheingoldRiver 2743 Protected "[[Thank Goodness You're Here Wiki:Copyrights]]" ([Edit=Allow only administrators] (indefinite)) wikitext text/x-wiki <!--''[[GAME]]'' content and materials are the intellectual property of their respective owners. -->Content that you make available on {{SITENAME}} is licensed by you to us under our [{{int:wikigg-tos-url}} Terms of Service]. Do not make content available on {{SITENAME}} where you do not have the necessary rights to grant this license. All textual and graphical content on {{SITENAME}} that we may lawfully license is licensed to you under the [https://creativecommons.org/licenses/by-sa/4.0 Creative Commons Attribution-ShareAlike 4.0] license. [[Category:Legal notices]] a5c705cf276359aef94d426ee75d18bbf1e361ac 8 4 5 2024-09-19T18:43:48Z RheingoldRiver 2743 Adding default set of pages css text/css /* All CSS here is applied on api.php pages */ @media (prefers-color-scheme: dark) { body { background-color:#20211f; border-color: #7b7261; color: #f6ecdb; } h1, h2, h3, h4, h5, h6 { color: rgb(234, 224, 207); border-color: rgb(83, 84, 81); } .mw-highlight .s2 { color: rgb(206, 99, 91); } a { color: rgb(133, 180, 221); } a:visited { color: rgb(141, 127, 218); } pre, code, .mw-code { background-color: rgb(34, 35, 33); color: rgb(234, 224, 207); border-color: rgb(63, 64, 62); } } c95cf2c22c12d821f22b745f2aa78d4f6f711500 8 5 6 2024-09-19T18:43:50Z RheingoldRiver 2743 Adding default set of pages css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-box-welcome {grid-area: welcome;} #mp-box-about {grid-area: about;} #mp-box-links {grid-area: links;} #mp-box-contribute {grid-area: contribute;} #mp-box-featured {grid-area: featured;} #mp-box-basics {grid-area: basics;} #mp-box-gallery {grid-area: gallery;} #mp-box-iconlists {grid-area: iconlists;} /* Example Main Page 1 Grid Layout */ #mp-layout1-container { display:grid; /* for mobile screens if you picked Example Page 1 */ grid-template-areas: "welcome" "about" "featured" "basics" "gallery" "links" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout1-container { /* for narrow screens, between 990px and 1350px if you picked Example Page 1 */ grid-template-areas: "welcome welcome" "about about" "featured basics" "gallery links" "contribute contribute"; grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-layout1-container { grid-template-areas: /* for wide screens if you picked Example Page 1 */ "welcome welcome welcome" "about about basics" "featured featured basics" "gallery links links" "contribute contribute contribute"; grid-template-columns: 2fr 1fr 2fr; } } /* Example Main Page 2 Grid Layout */ #mp-layout2-container { display:grid; /* for mobile screens if you picked Example Page 2 */ grid-template-areas: "welcome" "links" "about" "gallery" "iconlists" "contribute"; grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-layout2-container { grid-template-areas: /* for narrow screens, between 990px and 1350px if you picked Example Page 2 */ "welcome links" "gallery about" "iconlists about" "iconlists contribute"; grid-template-columns: 3fr 2fr; } } @media screen and (min-width:1350px) { #mp-layout2-container { grid-template-areas: /* for wide screens if you picked Example Page 2 */ "welcome welcome links" "welcome welcome about" "gallery gallery about" "iconlists iconlists contribute"; grid-template-columns: 3fr 2fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ b3873dcecfc3335f270a59197ade3c1a0f850e2f 8 7 8 2024-09-19T18:43:52Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* DRUID */ $(function () { $(".druid-title-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-section-tab").off("click") .on('click', function () { var $parent = $(this).closest(".druid-section-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click") .on('click', function () { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function () { $('.spoiler-content') .off('click') // in case this code is loaded twice .on('click', function(e){ $(this).toggleClass('show'); }).find('a').on('click', function(e){ e.stopPropagation(); }); }); /* End Template:Spoiler */ /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ 'wgCanonicalNamespace', 'wgFormattedNamespaces' ]); if (config.wgCanonicalNamespace !== 'Module') { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $('.s1, .s2, .s').each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === '['; var quoteRE = new RegExp('^\\' + quote + '|\\' + quote + '$', 'g'); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ''); var isEnglishPrefix = name.startsWith('Module:'); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith('Dev:'); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = 'https://commons.wiki.gg/wiki/Module:' + mw.util.wikiUrlencode(name.replace('Dev:', '')); attrs.target = '_blank'; attrs.rel = 'noopener'; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = '[[' + link + ']]'; } $this.html(str); } }); }); /* CharInserts */ $(function() { $('.mw-charinsert-item').each(function() { $(this).text($(this).closest('div').attr('data-ci-label')); $(this).css('display', 'inline-block'); }); $('.ci-loading-text').css('display','none'); }); 63df6ebdeaf3d9a3aee5ea6d9dbbd17394328a62 8 8 9 2024-09-19T18:43:53Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <div><img src=https://commons.wiki.gg/images/f/ff/CC-BY-SA.svg /> Page content is under the <a href=https://creativecommons.org/licenses/by-sa/4.0>Creative Commons Attribution-ShareAlike 4.0 License</a> unless otherwise noted.</div> 7290744eba73e7f9987d32ef26b3490f5bea3537 8 9 10 2024-09-19T18:43:54Z RheingoldRiver 2743 Adding default set of pages css text/css /** Container */ .ext-datamaps-container-content .ext-datamaps-container-leaflet { background: var(--wiki-content-background-color--secondary); } /** Legend */ .ext-datamaps-container .ext-datamaps-control-expandable[aria-expanded="true"] { background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.95); } .ext-datamaps-container .oo-ui-tabOptionWidget { color: var(--wiki-content-link-color); } .ext-datamaps-container .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { background: var(--wiki-content-link-color); box-shadow: none; color: var(--wiki-content-link-label-color); } /** Popups */ .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .ext-datamaps-popup-buttons a, .leaflet-popup-close-button { filter: var(--wiki-icon-general-filter); } /** Controls */ .ext-datamaps-container .leaflet-bar { background-color: var(--wiki-content-background-color--secondary); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .ext-datamaps-container .leaflet-bar button:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25); } .ext-datamaps-container .leaflet-control { color: var(--wiki-content-text-color); } .ext-datamaps-container .leaflet-control button { border-bottom-color: rgba(var(--wiki-content-link-color--rgb), 0.5); color: var(--wiki-content-text-color); } /* HACK: awful selector, v1.0 will prolly use a standard class on these */ .ext-datamaps-control span[class^="oo-ui-icon"] { filter: var(--wiki-icon-general-filter); } /** Search */ .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results { background: var(--wiki-content-background-color--secondary); } .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li:focus, .ext-datamaps-container .ext-datamaps-control-search ul.ext-datamaps-control-search-results li[data-highlighted="true"] { background: rgba(var(--wiki-content-link-color--rgb),0.15); color: var(--wiki-content-link-color); } .ext-datamaps-container .ext-datamaps-container-status > :not(.oo-ui-widget) { background:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-mix-color); } 20d8a3d334f3a3ce4974b170c9377ab1807f7fa9 8 10 11 2024-09-19T18:43:56Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript /* Modified version of https://dev.fandom.com/wiki/UploadMultipleFiles * from https://terraria.wiki.gg/wiki/MediaWiki:Gadget-uploadMultipleFiles.js */ mw.loader.using(["site", "mediawiki.util"]).then(function() { if (mw.config.get("wgCanonicalSpecialPageName") !== "Upload") return; if (window.__wgg_UploadMultipleFiles_IsLoaded) { return; } window.__wgg_UploadMultipleFiles_IsLoaded = true; var l10nFactory = l10nFactory || function($lang, $data) { return function ($key) { // (null == undefined) is true, (null === undefined) is false return ($data[$lang] && $data[$lang][$key] != null) ? $data[$lang][$key] : $data.en[$key]; }; }; const l10n = l10nFactory(mw.config.get("wgUserLanguage"), { en: { multiupload: "Upload multiple files:", yes: "Yes", no: "No", sourcefiles: "Source files:", categoryname: "Category name:", categorynamehint: "Page name of the category the files will automatically be added to, e.g. Item images", categorynamespace: "Category", uploadfiles: "Upload files", nofiles: "Please select some files first.", nolicense: "Please select a valid license first.", summary: "Summary", license: "Licensing", categories: "Categories", uploading: "Uploading files...", uploaded: "Uploaded:", failed: "Failed:", done: "Done." } }); const getUploadDescription = function() { var sections = []; var summary = $("#wpUploadDescription").val(); var licenseDisplayName = $("#wpLicense option:selected").val(); var categoryName = $("#multiFileCategory").val(); if (summary !== "") sections.push(summary); if (licenseDisplayName !== "") { var licenseTemplateText = $("#wpLicense option:selected").prop("title"); sections.push("== " + l10n("license") + " ==\n" + licenseTemplateText); } if (categoryName !== "") sections.push("[[" + l10n("categorynamespace") + ":" + categoryName + "]]"); return sections.join("\n\n"); }; const getWatchlistPreference = function() { if ($("#wpWatchthis").is(":checked")) { return "watch"; } else { return "nochange"; } }; $(function(){ $("#wpUploadFile").parent().parent().addClass("regularFileSelect"); $("tr.regularFileSelect").before('<tr><td class="mw-label">'+ l10n("multiupload") + '</td><td class="mw-input"><label><input type="radio" name="multipleFiles" value="'+ l10n("yes") + '" /> '+ l10n("yes") + '</label> &nbsp; <label><input type="radio" name="multipleFiles" value="'+ l10n("no") + '" checked="" /> '+ l10n("no") + '</label></td></tr>'); $("tr.regularFileSelect").after('<tr class="multipleFileSelect" style="display:none;"><td class="mw-label">' + l10n("sourcefiles") + '</td><td class="mw-input"><input type="file" id="multiupload" multiple /></td></tr>'); $("input[name='wpUpload']").addClass("regularFileSelect"); $("#wpDestFile").parent().parent().addClass("regularFileSelect"); $("#wpIgnoreWarning").parent().parent().addClass("regularFileSelect"); // Append "category name" textbox to multiupload section $("#mw-upload-form #mw-htmlform-description tbody").append('<tr class="mw-htmlform-field-HTMLTextField multipleFileSelect" style="display:none;"><td class="mw-label"><label for="multiFileCategory"><abbr title="' + l10n("categorynamehint") + '">' + l10n("categoryname") + '</abbr></label></td><td class="mw-input"><input id="multiFileCategory" name="multiFileCategory" size="60"></td></tr>'); $("input[name='wpUpload']").after('<input type="button" value="' + l10n("uploadfiles") + '" class="multipleFileSelect" style="display:none;" id="multiFileSubmit" />'); $("input[name='multipleFiles']").change(function() { if (this.value === l10n("yes")) { $(".regularFileSelect").hide(); $(".multipleFileSelect").show(); } else { $(".regularFileSelect").show(); $(".multipleFileSelect").hide(); } }); $("#multiFileSubmit").click(function() { var files = $("#multiupload")[0].files; // Cancel upload if no files are selected if (files.length === 0) { alert(l10n("nofiles")); return false; } // Cancel upload if no license is selected if ($("#wpLicense option:selected").val() === "" && !mw.config.get("UMFBypassLicenseCheck")) { alert(l10n("nolicense")); return false; } // Description is summary + license + category var description = getUploadDescription(); var watch = getWatchlistPreference(); $("#firstHeading").text(l10n("uploading")); $("#mw-content-text").html("<h3>" + l10n("uploaded") + "</h3><ul></ul><div style='display:none;' id='multiUploadFailed'><h3>" + l10n("failed") + "</h3><ul></ul></div>"); var currentFileIdx = 0; var uploadCurrentFile; uploadCurrentFile = function() { if (currentFileIdx > files.length) { $("#mw-content-text").append("<h3>"+ l10n("done") + "</h3>"); return; } if (files[currentFileIdx] === undefined) { currentFileIdx++; uploadCurrentFile(); return; } fd = new FormData(); fd.append("action", "upload"); fd.append("token", mw.user.tokens.get("csrfToken")); fd.append("filename", files[currentFileIdx].name); fd.append("file", files[currentFileIdx]); fd.append("text", description); fd.append("watchlist", watch); fd.append("ignorewarnings", 1); fd.append("format", "json"); $.ajax({ url: mw.util.wikiScript("api"), method: "POST", data: fd, cache: false, contentType: false, processData: false, type: "POST" }).done(function(d) { if (d.error == undefined) { $("#mw-content-text > ul").append('<li><a href="' + d.upload.imageinfo.descriptionurl + '" target="_blank">' + d.upload.filename + '</a></li>'); } else { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); } currentFileIdx++; uploadCurrentFile(); }).fail(function() { $("#multiUploadFailed ul").append('<li>' + files[currentFileIdx].name + '</li>'); $("#multiUploadFailed").show(); currentFileIdx++; uploadCurrentFile(); }); }; uploadCurrentFile(); }); }); }); b05306b3ea3271c87b87546ac6619aa30e47782f 8 11 12 2024-09-19T18:43:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki '''collapsibleSidebarSections''' - make individual sections of the [[MediaWiki:Sidebar|sidebar]] collapsible 8c7fbb398af1fb8b4bd1c5e92d2d74886f665900 8 12 13 2024-09-19T18:43:58Z RheingoldRiver 2743 Adding default set of pages css text/css @media screen and (min-width:721px) { .client-js #mw-panel .vector-menu-portal .vector-menu-heading { cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .client-js #mw-panel .vector-menu-portal .vector-menu-heading::after { content: ""; display: block; pointer-events: none; width: 14px; height: 14px; margin-top: 1px; /* offset */ --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-sidebar-link-color); transform: rotate(180deg); } .client-js #mw-panel .vector-menu-portal.collapsed .vector-menu-heading::after { transform: rotate(0deg); } .client-js #mw-panel .vector-menu-portal::after { transition:0.5s } .client-js #mw-panel .vector-menu-portal.collapsed::after { border-image-slice:22% 45%; transition:0.5s; } } fcc58f877118c1bd86e6d26c83270653e40f4e24 8 13 14 2024-09-19T18:44:00Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript $(function(){ // CONFIG section, you can edit this part // a list of sections that should be collapsed by default for *all users*. // This should be the name of the heading as listed in Mediawiki:Sidebar and is case-sensitive. // For example, if you have '* Character_Classes' and you want that section collapsed, add 'Character_Classes' into the brackets below. // Separate entries with commas and use underscores instead of spaces. // Example list: ['Character_Classes', 'Items', 'External_Links'] // Please DO NOT add navigation or tb into this list, as they are expected functionality. var INITIALLY_COLLAPSED_IDS = []; var MIN_ACTIVATION_WIDTH = 721; //END CONFIG // add the p- onto ids for ease of use, if not present INITIALLY_COLLAPSED_IDS.forEach(function(id, index){ if(!id.startsWith('p-')){ INITIALLY_COLLAPSED_IDS[index] = 'p-' + id; } }); var $portals = $("#mw-panel .vector-menu-portal"); var setup = function(){ $portals.each(function(index, el){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(el); var $id = $el.attr("id"); if(!$id){ return; } // check if this portal should be collapsed if( // portal is set to be initially collapsed and user has not indicated that they want it open (INITIALLY_COLLAPSED_IDS.includes($id) && localStorage.getItem('sidebar_c_'+$id) != "n") || // or // user has indicated they want this portal collapsed (localStorage.getItem('sidebar_c_'+$id) === "y") ){ $el.addClass('collapsed').find('.vector-menu-content').slideUp(0); } }); } setup(); $(window).on('resize', setup); $portals.on("click", "h3", function(event){ if(window.innerWidth < MIN_ACTIVATION_WIDTH) { return; } var $el = $(this).parent(); var $id = $el.attr("id"); if(!$id){ return; } $el.toggleClass('collapsed'); if($el.hasClass('collapsed')){ // more consistent between class and slide status. localStorage.setItem('sidebar_c_'+$id, "y"); $el.find('.vector-menu-content').slideUp('fast'); } else{ localStorage.setItem('sidebar_c_'+$id, "n"); $el.find('.vector-menu-content').slideDown('fast'); } }); }); 63d4425138f9c81e8294fbd01a08de9e1f58256a 8 14 15 2024-09-19T18:44:01Z RheingoldRiver 2743 Adding default set of pages css text/css .spoiler-content:hover > * { pointer-events:unset; } .spoiler-content:hover { background-color: rgba(127, 127, 127, 0); } .spoiler-content:hover > span { opacity: 1; } d2156d876c40acb9b30462c1e981a3b466131116 8 15 16 2024-09-19T18:44:03Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript var l10n = (function(){ var $text = { 'buttonlabel': { 'en': 'Purge cache', 'de': 'Aktualisieren', 'fr': 'Purger', 'ru': 'Обновить', 'pt': 'Actualizar', 'pt-br': 'Actualizar', }, 'hovertext': { 'en': 'Purge the server cache for this page', 'de': 'Den Server-Cache dieser Seite löschen', 'fr': 'Purge le cache du serveur de cette page', 'ru': 'Очистить кэш сервера на этой странице', 'pt': 'Limpe o cache do servidor para esta página', 'pt-br': 'Limpe o cache do servidor para esta página', } } var $lang = mw.config.get( 'wgUserLanguage' ) || 'en'; return function(key){ return $text[key] && ($text[key][$lang] || $text[key]['en']) || ''; } })(); if ( mw.config.get( 'wgNamespaceNumber' ) !== -1 ) { $(document).ready(function(){ var url = new URL(window.location.href); url.searchParams.set('action', 'purge'); mw.util.addPortletLink('p-cactions', url.href, l10n('buttonlabel'), 'ca-gadget-purgecache', l10n('hovertext'), '1'); }); } 902463c445d611b49949654f8c7291d36df72a2b 8 16 17 2024-09-19T18:44:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Gadgets that change the wiki appearance 3bf556885769699b457bc65a75f5b92e513effd3 8 17 18 2024-09-19T18:44:05Z RheingoldRiver 2743 Adding default set of pages css text/css #contentSub > * + .horse-userprofile { margin-top: 1em; } .horse-userprofile { font-size: 120%; color: var(--wiki-content-text-color); border: 2px solid var(--wiki-content-border-color); padding: 6px 12px; } .horse-userprofile-info span:first-of-type { font-weight: bold; } 1729445bb17e2974426befaf9bd441ab4bf189c5 8 18 19 2024-09-19T18:44:06Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript // User profile // <nowiki> mw.loader.using( [ 'mediawiki.util', 'mediawiki.api' ] ).done( function() { var username = mw.config.get('wgRelevantUserName'); var lang = mw.language.bcp47(mw.config.get('wgUserLanguage')); if ( username && !window.loadedHorseUserProfile ) { window.loadedHorseUserProfile = true; var dateOptions = { year: "numeric", month: "short", day: "numeric", hour: "2-digit", minute: "2-digit", timeZone: "UTC", timeZoneName: "short" }; var api = new mw.Api(); if ( mw.util.isIPAddress(username) ) api.get( { action: 'query', list: ['usercontribs', 'blocks'], ucuser: username, ucprop: [], uclimit: 'max', bkip: username, bkprop: ['user', 'by', 'timestamp', 'expiry', 'reason'], bklimit: 1, formatversion: 2 } ).done( function(data) { var editcount = data.query.usercontribs.length; if ( data.continue ) editcount = data.limits.usercontribs+'+' var user = { groups: ['*'], editcount: editcount }; formatProfile(user, data.query.blocks[0]); } ); else api.get( { action: 'query', list: 'users', ususers: username, usprop: ['groups', 'editcount', 'registration', 'blockinfo', 'emailable'], formatversion: 2 } ).done( function(data) { var user = data.query.users[0]; var block; if ( user.blockid ) block = { user: username, by: user.blockedby, timestamp: user.blockedtimestamp, expiry: user.blockexpiry, reason: user.blockreason }; formatProfile(user, block); } ); function formatProfile(user, block) { user.groups.splice(user.groups.indexOf('*'), 1); var text = '<div class="horse-userprofile-info">'; if ( user.groups.length ) { var groupList = user.groups.map( function(group) { var grouppage = '{{MediaWiki:grouppage-'+group+'}}'; return [ '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'}}]] | {{int:group-'+group+'}} }}', '{{#ifexist: '+grouppage+' | [['+grouppage+'|{{int:group-'+group+'-member|'+username+'}}]] | {{int:group-'+group+'-member|'+username+'}} }}' ]; } ).reduce( function(prev, cur) { prev[0].push(cur[0]); prev[1].push(cur[1]); return prev; }, [[], []] ); text += '\n\n<span>{{int:prefs-memberingroups|'+user.groups.length+'|'+username+'}}</span>\t<span>{{int:prefs-memberingroups-type|'+mw.language.listToText(groupList[0])+'|'+mw.language.listToText(groupList[1])+'}}</span>'; } text += '\n\n<span>{{int:prefs-edits}}</span>\t<span>[[Special:Contribs/'+username+'|'+mw.language.convertNumber(user.editcount)+']]</span>'; if ( user.registration ) { text += '\n\n<span>{{int:prefs-registration}}</span>\t<span>'+mw.language.convertNumber(new Date(user.registration).toLocaleString(lang, dateOptions))+'</span>'; if ( !user.emailable ) text += '\n\n<span>{{int:nowikiemailtext|'+username+'}}</span>'; } text += '\n\n</div>'; if ( block && mw.config.get('wgArticleId') !== 0 ) { var blockDate = new Date(block.timestamp); var blockexpiry = '{{int:infiniteblock}}'; if ( !['infinite', 'indefinite', 'infinity', 'never'].includes(block.expiry) ) { var expiry = new Date(block.expiry.replace( /(\d{4})(\d{2})(\d{2})(\d{2})(\d{2})(\d{2,3})/, '$1-$2-$3T$4:$5:$6Z' )); var duration = expiry - blockDate; var blockDuration = []; var factor = 1000; if ( duration % factor === 0 ) blockDuration = ['duration-seconds', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-minutes', Math.floor(duration / factor)]; factor *= 60; if ( duration % factor === 0 ) blockDuration = ['duration-hours', Math.floor(duration / factor)]; factor *= 24; if ( duration % factor === 0 ) blockDuration = ['duration-days', Math.floor(duration / factor)]; if ( duration % (factor*7) === 0 ) blockDuration = ['duration-weeks', Math.floor(duration / (factor*7))]; if ( duration % (factor*30) === 0 ) blockDuration = ['months', Math.floor(duration / (factor*30))]; factor *= 365; if ( duration % factor === 0 ) blockDuration = ['duration-years', Math.floor(duration / factor)]; if ( duration % (factor*10) === 0 ) blockDuration = ['duration-decades', Math.floor(duration / (factor*10))]; if ( duration % (factor*100) === 0 ) blockDuration = ['duration-centuries', Math.floor(duration / (factor*100))]; if ( duration % (factor*1000) === 0 ) blockDuration = ['duration-millennia', Math.floor(duration / (factor*1000))]; if ( blockDuration.length < 2 || blockDuration[1] > 1000 ) blockexpiry = mw.language.convertNumber(expiry.toLocaleString(lang, dateOptions)); else blockexpiry = '{{int:'+blockDuration.join('|')+'}}'; } text += '<div class="horse-userprofile-block mw-warning-with-logexcerpt"><div>\n{{int:blocked-notice-logextract|'+username+'}}\n'; text += '* '+mw.language.convertNumber(blockDate.toLocaleString(lang, dateOptions))+' {{int:logentry-block-block|[[User:'+block.by+'|'+block.by+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.by+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.by+'|{{int:contribslink}}]]</span></span>|'+block.by; if ( mw.util.isIPAddress(block.user, true) ) text += '|[[Special:Contribs/'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span></span>'; else text += '|[[User:'+block.user+'|'+block.user+']] <span class="mw-usertoollinks mw-changeslist-links"><span>[[User talk:'+block.user+'|{{int:talkpagelinktext}}]]</span> <span>[[Special:Contribs/'+block.user+'|{{int:contribslink}}]]</span></span>'; text += '|'+block.user+'|'+blockexpiry+'|}} <span class="comment">{{int:parentheses|'+block.reason+'}}</span></div></div>'; } api.parse( text, { disablelimitreport: true, wrapoutputclass: 'horse-userprofile mw-message-box mw-content-'+($('#contentSub').attr('dir')||'ltr'), uselang: mw.config.get('wgUserLanguage') } ).done( function(parsedText) { $('#contentSub').append(parsedText.replace( /\u29FCgroup-([^\u29FC\u29FD]+?)(?:-member)?\u29FD/g, '$1' )); } ); } } } ); // </nowiki> 2df0d96710fe446c5289ea1c484419b50c43fd5b 8 19 20 2024-09-19T18:44:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki * purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css == appearance == * collapsibleSidebarSections[ResourceLoader]|collapsibleSidebarSections.js|collapsibleSidebarSections.css<!-- not default, to make it default please add |default after ResourceLoader, follow the examples above --> 71836c8ec009bd7fb2b2ab7f6e7cd86a277cce68 8 20 21 2024-09-19T18:44:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki *Game content ** License|game|This contains content from the game or its official media *Commonly used ** License|fairuse|This will be used in a way that qualifies as "fair use" under US law ** License|CC0|This file is licensed under the CC0 1.0 License ** License|CC-BY-NC-ND|This is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License ** License|CC-BY-NC-SA|This is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License ** License|CC-BY-NC|This is licensed under the Creative Commons Attribution-NonCommercial 3.0 License ** License|CC-BY-ND|This is licensed under the Creative Commons Attribution-NoDerivs 3.0 License ** License|CC-BY-SA|This is licensed under the Creative Commons Attribution-ShareAlike 3.0 License ** License|CC-BY|This is licensed under the Creative Commons Attribution 3.0 License ** License|CC-PD|This is in the public domain ** License|CC-SRR|This is licensed under the Creative Commons Some Rights Reserved License *Unsure or unknown ** License|nolicense|I don't know the license 050ef7b7e21923f00e96e8965d0658ef21e5ba81 8 21 22 2024-09-19T18:44:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{SITENAME}} 3879910e8b355a24373fd09ccc909145b2639907 8 22 23 2024-09-19T18:44:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki * light[bundled|kind=light] * dark[bundled|kind=dark] 05cdfdf87ea42919cc6ea267d3972cc06847ed60 8 23 24 2024-09-19T18:44:11Z RheingoldRiver 2743 Adding default set of pages css text/css /* All CSS here will be loaded for users of the Vector skin */ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } iframe { color-scheme: auto } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) 1px, var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?202406); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family:var(--wiki-heading-font-family); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-success-color--rgb),.25); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgba(var(--wiki-accent-label-color--rgb), 0.75); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:rgba(var(--wiki-accent-color--rgb), 0.9); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: rgba(var(--wiki-accent-color--rgb),0.5); box-shadow: inset 0 0 0 1px rgba(var(--wiki-accent-color--rgb),0.5); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-accent-color--rgb), 0.15); color: var(--wiki-accent-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: rgba(var(--wiki-accent-color--rgb), .07) !important; outline-color: rgba(var(--wiki-accent-color--rgb), .07) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: transparent; border-color: var(--wiki-neutral-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:var(--wiki-neutral-color); } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: rgba(var(--wiki-success-color--rgb), 0.25); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: rgba(var(--wiki-success-color--rgb),0.9); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(var(--wiki-alert-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(var(--wiki-success-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: rgba(var(--wiki-alert-color--rgb), 0.3); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-success-color--rgb), 0.8); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: rgba(var(--wiki-success-color--rgb), 0.9); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-alert-color--rgb), 0.9); background: rgba(var(--wiki-alert-color--rgb), 0.1); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: rgba(var(--wiki-acccent-color--rgb),0.15); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color:rgba(var(--wiki-content-background-color--rgb), 0.35); color: var(--wiki-content-text-color) } .CodeMirror-code:focus-visible { outline:none; } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__tab, .tabber__tab:visited { color:var(--wiki-accent-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-text-color); } .tabber__indicator { background: var(--wiki-accent-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-accent-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .mw-cookiewarning-container .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color); } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-accent-color--rgb), 0.05); border-color:rgba(var(--wiki-accent-color--rgb), 0.75); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); text-shadow: none; } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-content-text-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-accent-color--rgb), 0.2); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: rgba(var(--wiki-content-link-color--rgb),0.75); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* Collapsibles */ .mw-collapsible button.mw-collapsible-toggle > span, .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:rgba(var(--wiki-content-text-color--rgb), 0.4); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:rgba(var(--wiki-content-text-color--rgb), 0.8); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.15); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color:var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: rgba(var(--wiki-content-link-color--rgb),0.08); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); color: var(--wiki-content-text-color); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } .mw-spinner-container > div { filter: var(--wiki-icon-general-filter); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight { background-color:var(--wiki-content-dynamic-color--inverted); } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, rgba(var(--wiki-content-background-color--rgb), 0) 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.76); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.82); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-accent-color--rgb), 0.2); color:var(--wiki-accent-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-accent-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************** * Codex fixes * ***************/ /* text input */ .cdx-text-input__input:enabled { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .cdx-text-input__input:disabled { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25); background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .cdx-text-input__input::placeholder { color:var(--wiki-content-text-mix-color); } .cdx-text-input__input:enabled:hover, .cdx-text-input__input:enabled:focus { border-color:var(--wiki-accent-color); } .cdx-text-input__input:enabled:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-text-input__input:enabled:read-only { background-color:var(--wiki-content-text-mix-color-95); } .cdx-text-input__input:enabled:read-only, .cdx-text-input__input:enabled:read-only:hover, .cdx-text-input__input:enabled:read-only:focus { border-color:var(--wiki-content-text-mix-color); box-shadow:none; } /**/ /* Buttons */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); color: var(--wiki-content-link-color--hover); } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color--hover); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-background-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color: rgba(var(--wiki-accent-color--rgb), 0.9); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.3); color: var(--wiki-accent-label-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.3); } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-color); } } /**/ /* Checkboxes */ .cdx-checkbox__icon { background-color:rgba(var(--wiki-content-link-color--rgb),0.05); } .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-accent-color--rgb),0.75); } .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: #b32424; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: #ff4242; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: #b32424; border-color: transparent; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: #d73333; border-color: transparent; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: #ff4242; border-color: #ff4242; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: #b32424; border-color: transparent; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { background-color: #d73333; border-color: var(--wiki-accent-color); } .cdx-checkbox__input:disabled + .cdx-checkbox__icon { background-color: #c8ccd1; border-color: #c8ccd1; } .cdx-checkbox__input:disabled ~ .cdx-checkbox__label { color: #72777d; } .cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before { /* this monstrosity guarantees the checkmark has visual contrast */ /* increasing contrast further has odd effects on the checkmark, so don't do that */ /* note that the assumed input is white, so the it's an inverted icon-to-link-filter which assumes black */ filter:var(--wiki-icon-to-link-filter) saturate(0) contrast(500%); } /**/ /* Switches */ .cdx-toggle-switch__switch { background-color:var(--wiki-content-background-color); border-color:rgba(var(--wiki-content-dynamic-color--rgb), 0.65); } .cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch::before, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{ border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:checked:focus ~ .cdx-toggle-switch__switch{ background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); } /**/ /* Tabs */ .ext-wc-editor .cdx-tabs--framed .cdx-tabs__header { background-color:var(--wiki-content-background-color--secondary); border-bottom:1px solid var(--wiki-accent-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"], .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"]:hover { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible, .cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } /**/ /* Menus */ .cdx-menu { background-color: var(--wiki-content-background-color); border-color: 1px solid var(--wiki-content-border-color); box-shadow: 0 2px 2px rgba(var(--wiki-content-dynamic-color--inverted--rgb,.2)); } .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: var(--wiki-content-text-color); } .cdx-menu-item--enabled.cdx-menu-item--highlighted { background-color: rgba(var(--wiki-accent-color--rgb), 0.2); } .cdx-menu-item--enabled.cdx-menu-item--selected { background-color:var(--wiki-content-background-color--secondary); } .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{ color:var(--wiki-accent-color); } /**/ /* Progress bar */ .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar { background-color: var(--wiki-accent-color); } .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block { background-color: var(--wiki-content-background-color); } .cdx-progress-bar:not(.cdx-progress-bar--inline) { border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } /**/ .cdx-icon svg { fill:var(--wiki-content-link-color); } /************ * End codex * *************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: rgba(var(--wiki-content-link-color--rgb),0.1); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2); background-color: rgba(var(--wiki-content-link-color--rgb), 0.1); } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: rgba(var(--wiki-content-dynamic-color--rgb),0.05); } .ve-ce-languageAnnotation { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:rgba(var(--wiki-alert-color--rgb),0.2); } /****************** * End AbuseFilter * *******************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.6); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color:rgba(var(--wiki-warning-color--rgb),0.1); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color:rgba(var(--wiki-warning-color--rgb),0.4); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ 1c9ab0a0532191ebcc3015335c3695f207270306 8 24 25 2024-09-19T18:44:13Z RheingoldRiver 2743 Adding default set of pages javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ /*** Mobile navigation toggle button ***/ $( function () { var mobileSidebarButton = document.createElement( 'button' ); mobileSidebarButton.className = 'mobile-nav-toggle'; mobileSidebarButton.addEventListener( 'click', function () { mobileSidebarButton.classList.toggle( 'nav--expanded' ); } ); document.body.classList.add( 'has-vector-mobile-menu' ); document.getElementById( 'mw-panel' ).prepend( mobileSidebarButton ); } ); /*** End mobile navigation toggle button ***/ fe358e2ae21cc8ac3ac603bdc0df2ff4a2d437b5 10 25 26 2024-09-19T18:44:15Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ||<noinclude>{{documentation}}</noinclude> 02fb31115eef5c15d6612ac334bf5a5d83155c0a 10 26 27 2024-09-19T18:44:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 27 28 2024-09-19T18:44:18Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [<noinclude> {{documentation}}</noinclude> 1b058774deae9a7e511a0486a04647d6a3b9af62 10 28 29 2024-09-19T18:44:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[<noinclude> {{documentation}}</noinclude> a331374acf15177afbb3ffc0ec7bd5ada14c582e 10 29 30 2024-09-19T18:44:20Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 30 31 2024-09-19T18:44:21Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 31 32 2024-09-19T18:44:22Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki |}<noinclude>{{documentation}}</noinclude> b2debea163716e114d1ea46e65a63d7a1ae84bc0 10 32 33 2024-09-19T18:44:23Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 33 34 2024-09-19T18:44:24Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki |-<noinclude>{{documentation}}</noinclude> 636f9e440c24f4a3fe28b49cebd1808c3de8a814 10 34 35 2024-09-19T18:44:26Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki |-|<noinclude>{{documentation}}</noinclude> c634369c1e88b95ebe6a6d827cb32dc1e9c61fec 10 35 36 2024-09-19T18:44:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 36 37 2024-09-19T18:44:28Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 37 38 2024-09-19T18:44:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {<noinclude> {{documentation}}</noinclude> 490a0c9c85eff213addd7272fe40f8627a637c75 10 38 39 2024-09-19T18:44:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {|<noinclude>{{documentation}}</noinclude> 86e51fe1f06ae532410029eb39fa936d68880bc8 10 39 40 2024-09-19T18:44:32Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 40 41 2024-09-19T18:44:33Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{<noinclude>{{documentation}}</noinclude> a506ba66cf7c806baae7faecb221b3a946721f6a 10 41 42 2024-09-19T18:44:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{{<noinclude> {{documentation}}</noinclude> fa33084b57c1f33c82290de279827b973ab2fba8 10 42 43 2024-09-19T18:44:35Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 43 44 2024-09-19T18:44:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {| class="wikitable" style="text-align:center" |- ! scope="col" style="width:7.0em;" | {{no wrap|Template call}}<br>{{normal|('''m''' for magic word)}} ! scope="col" style="width:5.75em;" | {{no wrap|Output}}&nbsp;{{normal|(delayed interpretation as wikimarkup)}} ! scope="col" style="width:9.0em;" | {{no wrap|HTML alternative}} {{normal|(never interpreted as wikimarkup)}} ! Why you might want to use this |- style="vertical-align:top" | <code><nowiki>{{!}}</nowiki></code> '''(m)''' | <nowiki>|</nowiki> | &amp;#124; or {{tl|pipe}} | Displaying pipe characters inside of a parser function |- style="vertical-align:top" | <code><nowiki>{{=}}</nowiki></code> '''(m)''' | <nowiki>=</nowiki> | &amp;#61; | Displaying equal signs inside of unnamed parameters (e.g. <code><nowiki>{{MyTemplate|1+1=2}}</nowiki></code> will assign <code>2</code> to <code><nowiki>{{{1+1|}}}</nowiki></code>; <code><nowiki>{{MyTemplate|1+1{{=}}2}}</nowiki></code> will do what you want) |- style="vertical-align:top" | {{tlx|!!}} | <nowiki>||</nowiki> | &amp;#124;&amp;#124; | Displaying a break between two table cells inside of a parser function |- style="vertical-align:top" | {{tlx|!(}} | {{!(}} | &amp;#91; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|)!}} | {{)!}} | &amp;#93; | Displaying a bracket inside of an external link |- style="vertical-align:top" | {{tlx|!((}} | {{!((}} | &amp;#91;&amp;#91; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|))!}} | {{))!}} | &amp;#93;&amp;#93; | Displaying a bracket inside of a link |- style="vertical-align:top" | {{tlx|(}} | {{(}} | &amp;#123; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|)}} | {{)}} | &amp;#125; | Escaping a single brace immediately next to a template or parser function to avoid turning it into a parameter |- style="vertical-align:top" | {{tlx|((}} | {{((}} | &amp;#123;&amp;#123; | Displaying open braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|))}} | {{))}} | &amp;#125;&amp;#125; | Displaying closed braces for a template without actually transcluding that template |- style="vertical-align:top" | {{tlx|(((}} | {{(((}} | &amp;#123;&amp;#123;&amp;#123; | Displaying a template parameter's open curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|)))}} | {{)))}} | &amp;#125;&amp;#125;&amp;#125; | Displaying a template parameter's closed curly braces without actually using that variable |- style="vertical-align:top" | {{tlx|(!}} | <nowiki>{|</nowiki> | &amp;#123;&amp;#124; | Starting a table inside of a parser function |- style="vertical-align:top" | {{tlx|!-}} | <nowiki>|-</nowiki> | &amp;#124;&amp;#45; | Starting a new table row inside of a parser function |- style="vertical-align:top" | {{tlx|!)}} | <nowiki>|}</nowiki> | &amp;#124;&amp;#125; | Closing a table inside of a parser function |}<includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 1bdc95eb92ba36093f841fc832035a79501db2cb 10 44 45 2024-09-19T18:44:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 45 46 2024-09-19T18:44:38Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 46 47 2024-09-19T18:44:39Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ]<noinclude> {{documentation}}</noinclude> 016897dfd1af3b146bed2b47e7aa58c0bbf6f23d 10 47 48 2024-09-19T18:44:40Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 48 49 2024-09-19T18:44:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki }}<noinclude> {{documentation}} </noinclude> 85ca77d4d6ff71d8e6396ebd798f87fa7f45dc02 10 49 50 2024-09-19T18:44:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki ]]<noinclude> {{documentation}}</noinclude> 3d84066ce45d0c1fca0bb04608a4e73c6ea54324 10 50 51 2024-09-19T18:44:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 51 52 2024-09-19T18:44:45Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki }}}<noinclude> {{documentation}}</noinclude> 585d94f6fe636b77087dc0d06bfbe6cb69b29987 10 52 53 2024-09-19T18:44:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 53 54 2024-09-19T18:44:48Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 54 55 2024-09-19T18:44:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 55 56 2024-09-19T18:44:50Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki &nbsp;&bull;&nbsp;<noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 81a7f0051da7b8f4a0548d91c5eb429a974fac91 10 56 57 2024-09-19T18:44:51Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is the '''bullet''' template; it looks like this: [&nbsp;&bull;&nbsp;] It works similarly to the HTML markup sequence: [<code>'''&amp;nbsp;&amp;bull;&amp;nbsp;'''</code>], that is, a non-breaking space, a bullet and a non-breaking space. This template is used when you want a larger bullet than a bold middot ['''&middot;'''], but something smaller than an en dash [&ndash;]. <noinclude>[[Category:Template documentation]]</noinclude> ea04fe63a10dc333ed9c48bfc397debb11682f1e 10 57 58 2024-09-19T18:44:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="ambox {{{class|}}} {{#ifeq:{{lc:{{{tiny|}}}}}|yes|tiny}}"<!-- --> style="{{#if:{{{color|}}}|--ambox-color: {{{color|}}};<!-- /if -->}}"><!-- --><div class="ambox-icon metadata <!-- the metadata class stops it from showing in MediaViewer -->">[[File:{{{icon|Ambox banner content.svg}}}{{!}}{{#ifeq:{{lc:{{{tiny|}}}}}|yes|48x20px|48x48px}}|alt=|link=]]</div><!-- --><div class="ambox-content"><!-- start ambox content -->{{#if: {{{title|}}} | <p class="ambox-title">{{{title}}}</p> }}<!-- --><p class="ambox-text">{{{message|No text provided.}}}{{#if: {{{date|}}} |<nowiki> </nowiki>(Message added: {{{date}}}) }}</p><!-- --></div><!-- end ambox content --></div><!-- end ambox --></includeonly><noinclude> {{doc}} [[Category:Notice templates]]</noinclude> 8aaad422c212cbd451862c241845af0d62eddbd5 10 58 59 2024-09-19T18:44:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{#ifeq:{{ROOTPAGENAME}}|Ambox|"Ambox" is an abbreviation for '''A'''rticle '''m'''essage '''box'''. You can use amboxes in articles to indicate something important about the current page, often in the header.| This '''message template''' is an [[Template:Ambox|article message box]], or '''ambox'''. The documentation below discusses how to use each ambox provided by the wiki. }} == Premade amboxes == === Problem notice amboxes === These amboxes are used temporarily to notify other editors and visitors about a problem with an article. These amboxes support the following parameters: * <code>|tiny=</code>: If set to <code>yes</code>, the box will have less padding and the icon will be much smaller than default. * <code>|class=</code>: Any additional CSS classes to add to the ambox container element. * <code>|date=</code>: The date the ambox was added to the page. * <code>|nocat=</code>: If set to <code>yes</code>, no category will be added to the page. Use this only when creating documentation. '''Note:''' Premade amboxes need the base {{tl|Ambox}} template to work. {| class="wikitable" ! Code !! Result |- | {{tl|Cleanup}} || {{Cleanup|nocat=yes}} |- | {{tl|Delete}} || {{Delete|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Merge|Merge]]|Example<nowiki>}}</nowiki></code> || {{Merge|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Move|Move]]|Example<nowiki>}}</nowiki></code> || {{Move|Template:Ambox{{!}}Example|nocat=yes}} |- | <code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example<nowiki>}}</nowiki></code><br/><br/><code><nowiki>{{</nowiki>[[Template:Split|Split]]|Example 1|Example 2|Example 3<nowiki>}}</nowiki></code> || {{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} |- | {{tl|Stub}} || {{Stub|nocat=yes}} |- |} === Informational amboxes === These amboxes are intended as permanent fixtures to a page, to notify visitors about some piece of information relevant to the page. These amboxes support the following parameters in addition to any listed: * <code>|tiny=</code>, if set to <code>Yes</code> the image will be much smaller than default * <code>|class=</code>, any additional classes to add to the ambox container {| class="wikitable" ! Code !! Additional parameters !! Result |- | {{tl|Spoiler warning}} || || {{Spoiler warning|nocat=yes}} |- | {{tl|No direct use}} || || {{No direct use|nocat=yes}} |- | {{tl|Uses Lua}} || <code><nowiki>|1=</nowiki></code>, a comma-separated list of modules used || {{Uses Lua|nocat=yes}} |} === Optional parameters === You can use optional parameters to further customize a premade ambox. The example below is using <code>tiny=yes</code> and <code>date=01/01/2021</code>. {{Cleanup|tiny=yes|date=01/01/2021|nocat=yes}} == Creating a custom ambox == You can create additional ambox templates as needed using the following parameters: <pre> {{Ambox | color = The left border color. | icon = The icon image to be displayed. | title = The optional title. | message = The explanation text displayed. | tiny = If you want the tiny version of the ambox, fill the parameter with "yes". | date = An optional date of creation for the message. | class = An optional CSS class for the ambox. }} </pre> == Dependencies == For this template to work properly, you need the following: * <code>.ambox</code> and any related classes, found in [[MediaWiki:Common.css]]. <includeonly>[[Category:Notice templates]]</includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 19e01b656b67f24a1661f270d71645c5e65caf4a 10 59 60 2024-09-19T18:44:54Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><span id="{{{1}}}"></span><!-- --></includeonly><!-- --><noinclude>{{doc}} [[Category:Navigation templates]]</noinclude> 08ccba46722925866447768d344bf540b0b55e79 10 60 61 2024-09-19T18:44:55Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == This template can be used to insert an invisible anchor (reference points) into a page that can later be used by internal wiki links. == Usage == To create a custom anchor, use <code><nowiki>{{Anchor|Anchor Name}}</nowiki></code> anywhere in the page. For example, if you create the anchor <code><nowiki>{{Anchor|Example Anchor}}</nowiki></code> in the page <code><nowiki>[[Example]]</nowiki></code>, you can access it through the internal link <code><nowiki>[[Example#Example Anchor]]</nowiki></code>. Remember that you can create a [[support:Redirect|redirect]] to this template so that you can call it more easily, such as with <code><nowiki>{{a|Anchor Name}}</nowiki></code>. <noinclude>[[Category:Template documentation]]</noinclude> 4b0ddb50416a354db262e62617d9b45056f4d526 10 61 62 2024-09-19T18:44:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Character}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 24bad84fd5dea93cab210dfd592fda86af09eb87 10 62 63 2024-09-19T18:44:58Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Character).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Invisible Boy (Character).png</nowiki></code> was used as the icon for a page called <code>Invisible Boy</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Character icon|Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|The Invisible Boy}}</nowiki></code> || {{Character icon|Invisible Boy|The Invisible Boy}} |- | <code><nowiki>{{Character icon|Invisible Boy|notext}}</nowiki></code> || {{Character icon|Invisible Boy|notext}} |- | <code><nowiki>{{Character icon|Missing Boy}}</nowiki></code> (Missing Page Icon) || {{Character icon|Missing Boy}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 0999a706143c16f5ed970816e7825239cfce9547 10 63 64 2024-09-19T18:44:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Cleanup.svg | message = This page does not meet '''{{SITENAME}}''''s page quality standards. You can [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit it] to help fixing grammar, formatting, or code issues. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Pages in need of improvement]]}}</includeonly><!-- --><noinclude>{{Cleanup|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 150c056a9c89e3cf148e7243f5bf27c87d43600a 10 64 65 2024-09-19T18:45:01Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 65 66 2024-09-19T18:45:03Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <div style="clear:{{{1|both}}};" class={{{class|}}}></div><noinclude> {{documentation}} </noinclude> 5b24b9fd5cc166a8c486e2422d5df465206ed39c 10 66 67 2024-09-19T18:45:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><span class="color">{{{1}}}&nbsp;<span class="color__splotch" style="background-color: {{{1}}};" title="{{{1}}}"></span></span></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> c5ba42a328593c511dace8913a5091481053d76d 10 67 68 2024-09-19T18:45:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This template creates a small color splotch with a given background color next to a plaintext color code. This is useful for previewing colors. ==Usage== {{tlx|color|<color>}} Where <code><color></code> is any valid [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color]. ==Examples== <pre> My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. </pre> Produces: My favorite color is {{color|darkgreen}} I think the current {{color|#6d8afb}} of links should be changed to a {{color|#6df4fb}} RGB is cool too, you can do {{color|rgb(128,255,128)}}, or even transparency with {{color|rgba(128,255,128,0.5)}}. <noinclude>[[Category:Template documentation]]</noinclude> cb66b177cf785e1b3f60e28e36852b253e4b3d82 10 68 69 2024-09-19T18:45:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = grey | icon = Delete.svg | title = Candidate for Deletion | message = This page lacks relevance for '''{{SITENAME}}''' and is a candidate for '''deletion'''. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for deletion]]}}</includeonly><!-- --><noinclude>{{Delete|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 6c827de94518d7f5f1635b13425be0d0fb4078da 10 69 70 2024-09-19T18:45:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 70 71 2024-09-19T18:45:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:topic|<!-- start vd -->{{#if:{{{topic|}}} | {{{topic}}} | {{PAGENAME}} }}<!-- end if -->}}<!-- end vd -->{{#vardefine:disambig|<!-- start vd -->{{#if:{{{1|}}}<!-- start custom disambig if -->|{{{1}}}<!-- start label if -->{{#if:{{{2|}}} | {{!}}{{{2}}} }}<!-- end label if -->|{{#var:topic}} (disambiguation)<!-- else; use regular disambig -->}}<!-- end custom disambig if -->}}<!-- end vd -->{{Hatnote|<!-- -->This page is about '''{{#var:topic}}'''. For other uses, see [[{{#var:disambig}}]].<!-- -->|icon=Disambig.svg<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> c4c62e7a1876492eb970ea182cf4ac0bcad97913 10 71 72 2024-09-19T18:45:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Disambiguation Page", "description": "A custom disambiguation page name.", "example": "Disambiguation Page", "type": "wiki-page-name" }, "2": { "label": "Link Label", "description": "A label for the custom disambiguation page.", "example": "Alternative Page Name", "type": "line" }, "topic": { "label": "Custom Topic", "description": "In case {{PAGENAME}} does not describe the topic, this can be used to display a custom topic", "example": "a custom topic", "default": "{{PAGENAME}}", "type": "line" } }, "description": "This hatnote template is meant to be used at the top of an article to indicate the existence of a disambiguation page.", "paramOrder": [ "1", "2", "topic" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Disambiguation}}</nowiki></code> || {{Disambiguation|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|topic=Example}}</nowiki></code> || {{Disambiguation|Special:Random|topic=Example}} |- | <code><nowiki>{{Disambiguation|Special:Random|Page Label|topic=this particular topic}}</nowiki></code> || {{Disambiguation|Special:Random|Page Label|topic=this particular topic}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:About|Wikipedia's About Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 5fce9c689120c57454571ff0e60a2cd447df5713 10 72 73 2024-09-19T18:45:11Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{text|}}} | {{{text}}} |<!-- start top if -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] or [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>or [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end custom disambig if -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->Not to be confused with {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 67ae5406ffd29bec56cfe7ad6527bb09a9733496 10 73 74 2024-09-19T18:45:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Alternative", "description": "The alternative page.", "example": "Alternative Page", "type": "wiki-page-name", "suggested": true }, "2": { "label": "Second Alternative", "description": "A second alternative page.", "example": "Second Alternative Page", "type": "wiki-page-name" }, "3": { "label": "Third Alternative", "description": "A third alternative page.", "example": "Third Alternative Page", "type": "wiki-page-name" }, "text": { "label": "Alternative Text", "description": "Instead of using pages, you can provide a full alternative text. This parameter overrides other provided parameters.", "example": "the alternative page, [[Alternative Page]]", "type": "line" } }, "description": "This hatnote template is meant to be used to indicate possible alternatives to what the reader wants to find.", "paramOrder": [ "1", "2", "3", "text" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}}</nowiki></code> || {{Distinguish|Special:Uncategorizedpages|Special:Uncategorizedfiles|Special:Uncategorizedcategories}} |- | <code><nowiki>{{Distinguish|Special:Uncategorizedpages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Distinguish|Special:Uncategorizedpages{{!}}Page 1}} |- | <code><nowiki>{{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}}</nowiki></code> || {{Distinguish|text = Page 1, another name for [[Special:Uncategorizedpages]]}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:Distinguish|Wikipedia's Distinguish Template]]. <noinclude>[[Category:Template documentation]]</noinclude> 2a06ed576ae6479add20834628f9378c657cb4fb 10 74 75 2024-09-19T18:45:14Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Documentation]] 041222999c2c4765a4663432058f50686fb65f40 10 75 76 2024-09-19T18:45:15Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="documentation"><!-- --><div class="documentation-header"><!-- -->[[File:Template-{{#ifexist:{{#vardefineecho:docpage|{{{1|Template:{{#replace:{{{1|{{PAGENAME}}/doc}}}|Template:|}}}}}<!-- end vde -->}}|{{#if:{{{baddoc|}}}|bad}}|no}}info.svg|50px|link=]] <!-- --><span style="font-weight: bold; font-size: 125%; margin-right: 10px;">Documentation</span> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!--nothing-->|<!-- -->{{#ifexist:{{#var:docpage}}|<!-- --><span style="font-size: 90%; font-style: italic;"><!-- -->[{{fullurl:{{#var:docpage}}|action=edit}} Edit] this documentation at [{{fullurl:{{#var:docpage}}|redirect=no}} {{FULLPAGENAMEE:{{#var:docpage}}}}].<!-- --></span><!-- -->}}<!-- -->}}<!-- --><div style="float: right; margin-left: 5px;"><!-- -->[{{fullurl:{{FULLPAGENAMEE}}|action=purge}} purge]<!-- --></div><!-- --></div><!-- <!-- leave line break here --> {{#if:{{{lua|}}}|{{UsesLua|{{{lua}}} }} }} <!-- documentation text/error box begins here --> <div style="border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: 0.5em auto 1em; padding: 0.8em 1.2em; background: var(--wiki-content-background-color--secondary);"> <!-- -->{{#ifexist:{{#var:docpage}}|<!-- If there is documentation --> {{ {{#var:docpage}} }} <!-- Else -->|<!-- -->No documentation subpage exists yet for this template. [{{fullurl:{{FULLPAGENAMEE:Template:{{{1|{{PAGENAME}}}}}}}/doc|action=edit&preload=Template:Doc/preload}} Create one now].<!-- -->[[Category:Templates with no documentation]]<!-- -->}}<!-- leave line break here --> <!-- documentation text/error box ends here --> </div> <!-- -->{{#ifeq:{{SUBPAGENAME}}|doc|<!-- -->{{#ifeq:{{BASEPAGENAME}}|Doc|<!--nothing-->|<!-- only if page is not Template:Doc -->This is the documentation page, it should be transcluded into the main template page. See {{tlx|doc}} for more information. <!-- -->[[Category:Template documentation]]<!-- -->}}<!-- -->}}<!-- --></div><!-- --></includeonly><!-- --><noinclude>{{Documentation}} [[Category:Documentation templates| ]] </noinclude> 5e49b1b7e058769b5c2e3e9cc00ddf9271ed8bb8 10 76 77 2024-09-19T18:45:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Use {{tl|documentation}} inside of the <code><nowiki><noinclude></noinclude></nowiki></code> section on your template. Then create your template at the <code>/doc</code> subpage of your template. <noinclude>[[Category:Template documentation]]</noinclude> 055b0481a1967951c59f15a09b92767c90baa8dd 10 77 78 2024-09-19T18:45:17Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main <!-- See https://support.wiki.gg/wiki/DRUID_infoboxes for extra documentation --> <!-- the "kind" categorizes this type of infobox. For example, you might want to write `Character`, `Level`, or `Item`. --> <!-- This `kind` value should be unique to this template, and no other infobox template should have the same value --> |kind=example-1 <!-- You can almost certainly leave the separator alone, unless one of your *section names* has a comma in it --> |sep=, <!-- feel free to edit the 300px but mostly try to avoid changing this next line unless you are adding tabs --> |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} <!-- every infobox needs a |sections= parameter, which lists the groups of sections, in order top to bottom --> |sections=General Info, Stats <!-- for each section, specify the list of fields that you want to show up in that section, top to bottom --> <!-- empty fields (not specified on the content page) will not show up --> |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed <!-- this field formats the `Attack Speed` parameter when it's specified by the content page, adding a % sign to the end of it. --> <!-- this is an optional operation to do, only do it if you need to provide some extra formatting --> |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }}<!-- Here is the above code without comments for easier copy-pasting: {{#invoke:Infobox|main |kind=example-1 |sep=, |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px]]}} |sections=General Info, Stats |General Info=Region,Element |Stats=Attack, HP, Armor, Attack Speed |Attack Speed={{#if:{{{Attack Speed|}}}|{{{Attack Speed}}}%}} }} --></includeonly><noinclude>{{documentation}}</noinclude> 6f63e3667c8409c67d503e0badb936c30a4cf011 10 78 79 2024-09-19T18:45:18Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is an example character infobox using the [[support:DRUID Infoboxes|DRUID Infoboxes]] framework. You can edit it, move (rename) it, or delete it as desired. If you want to create pages using this infobox, here is the code to copy to the content page: <pre> {{Example Character Infobox |title= |image= |Region= |Element= |Attack= |HP= |Armor= |Attack Speed= }} </pre> a00a7a69fc2e315a419e64258d8823bd170776a4 10 79 80 2024-09-19T18:45:20Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{3|}}}<!-- if more than one page -->|[[{{{2}}}]]{{#if:{{{4|}}}<!-- start concat if -->|, [[{{{3}}}]] and [[{{{4}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{3}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{2}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->For {{{1}}}, see {{#var:text}}.<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> 1899e48855153617f7c0bf3087b781bc80f0395c 10 80 81 2024-09-19T18:45:21Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Topic", "description": "The topic the following pages are about.", "example": "more information", "type": "line", "required": true }, "2": { "label": "Related Page", "description": "A related page.", "example": "Related Page", "type": "wiki-page-name", "required": true }, "3": { "label": "Second Page", "description": "A second related page.", "example": "Second Related Page", "type": "wiki-page-name" }, "4": { "label": "Third Page", "description": "A third related page.", "example": "Third Related Page", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be used to show pages related to a topic the reader might want to visit.", "paramOrder": [ "1", "2", "3", "4" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{For|more information|Special:WantedPages}}</nowiki></code> || {{For|more information|Special:WantedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{For|more information|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{For|more information|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{For|more information|Special:WantedPages{{!}}Page 1}} |} == Dependencies == For this template to work properly, you need the following: * The {{tl|Hatnote}} base template. * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> b2a30a9bf8acff259d5e86654a2de69c2d5e4fff 10 81 82 2024-09-19T18:45:22Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Wikipedia.svg | title= This code is adapted from [[wikipedia:Main Page|Wikipedia]]. | message = For the original code, see the following pages: {{#arraymap:{{{1|}}}|,|%s|[[wikipedia:%s|%s]]}} | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 0bb256ef5acc38fb0cfbdacc22e75aab89bd6e2c 10 82 83 2024-09-19T18:45:23Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <code>Gadget - [[MediaWiki:Gadget-{{{1}}}|{{{1}}}]]</code><noinclude>[[Category:Formatting templates]]</noinclude> 3ddc96bdd5961224a208f920b89d07676df2b8ac 10 83 84 2024-09-19T18:45:24Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="hatnote {{#if:{{{icon|}}}|icon}}">{{#if:{{{icon|}}}|[[File:{{{icon}}}|x22px]]<nowiki> </nowiki>}}{{{1|}}}</div><!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates| ]]</noinclude> d7a4d8889e7aa401084a21a4a295267f8e910a13 10 84 85 2024-09-19T18:45:25Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of hatnote templates == * {{tl|Disambiguation}} * {{tl|Distinguish}} * {{tl|For}} * {{tl|Main}} == Dependencies == For this template to work properly, you need the following: * The <code>.hatnote</code> class, found in [[MediaWiki:Common.css]]. * The <code>--wiki-content-border-color--secondary</code> CSS variable, defined in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 464f2f866befaf4cfa47f68ab0ad4f170c13463d 10 85 86 2024-09-19T18:45:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Link icon]] 6ebdedb4de95efaa3e6ca27590e79aca674f2364 10 86 87 2024-09-19T18:45:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Link icon|{{{1|}}}|{{{2|}}}|type=Item}}</includeonly><noinclude>{{documentation}}[[Category:Formatting templates]]</noinclude> 6564279e3808e659b8034ad4b96f4f9e9e498b57 10 87 88 2024-09-19T18:45:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Summary == <templatedata> { "params": { "1": { "aliases": [ "page" ], "label": "Page Name", "description": "The name for the target page.", "example": "Page Name", "type": "wiki-page-name", "required": true }, "2": { "aliases": [ "label" ], "label": "Link Label", "description": "The text to the be displayed on the link icon's label.", "example": "Alternative Page Name", "type": "line" } }, "description": "Use this template to display an icon next to a page link.\n\nThis template assumes that each page has an icon uploaded at a specific location, namely \"File:Page Name (Item).png\".", "format": "inline" } </templatedata> == Examples == For the examples below, <code><nowiki>File:Mystic Feather (Item).png</nowiki></code> was used as the icon for a page called <code>Mystic Feather</code>. {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Item icon|Mystic Feather}}</nowiki></code> || {{Item icon|Mystic Feather}} |- | <code><nowiki>{{Item icon|Mystic Feather|Mystic Feathers}}</nowiki></code> || {{Item icon|Mystic Feather|Mystic Feathers}} |- | <code><nowiki>{{Item icon|Mystic Feather|notext}}</nowiki></code> || {{Item icon|Mystic Feather|notext}} |- | <code><nowiki>{{Item icon|Missing Item}}</nowiki></code> (Missing Page Icon) || {{Item icon|Missing Item}} |} == Dependencies== For this template to work properly, you need the following: * The base {{tl|Link icon}} template. * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. 4dfcab6f3d3c88596068607685645f29666f0141 10 88 89 2024-09-19T18:45:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:platform | {{#if: {{{2|}}} | {{#switch: {{lc:{{{1|}}}}} <!-- Desktop --> |mouse |keyboard=keyboard <!-- Mobile --> |gesture=gesture <!-- Microsoft --> |xboxseries |xbox=Xbox |xbox one |xbone |xbox1 |xboxone=xboxone |xbox 360 |xb360 |xbox360 |360=360 <!-- Sony --> |ps |ps5 |playstation |ds |dualsense=DualSense |playstation 4 |ps4=PS4 |playstation 3 |ps3=ps3 <!-- Nintendo --> |ns |switch=Switch |wii=wii }} | undefined }} }}<!-- -->{{#vardefine:key | {{#if: {{{2|}}} | {{ucfirst:{{{2}}}}} | {{ucfirst:{{{1}}}}} }} }}<!-- -->{{#vardefine:img | {{#if: {{{2|}}} | [[File:{{#var:platform}} {{#var:key}}.png|x25px|link=]] }} | Undefined }}<!-- --><span class="key">{{#var:img}}</span><!-- --></includeonly><!-- --><noinclude>{{doc}}</noinclude> 45576cb62a8104687b5b7ac26b042283c80ecae6 10 89 90 2024-09-19T18:45:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <tabber> |-|Desktop={{:Template:Key/doc/Keyboard}} |-|Mobile={{:Template:Key/doc/Gesture}} |-|Xbox={{:Template:Key/doc/Xbox}} |-|DualSense={{:Template:Key/doc/DualSense}} |-|PlayStation 4={{:Template:Key/doc/PS4}} |-|Nintendo Switch={{:Template:Key/doc/Nintendo Switch}} </tabber> <noinclude>[[Category:Key template documentation]]</noinclude> 19eb9be1ca2c7112f63dd11c58d3888327dcca75 10 90 91 2024-09-19T18:45:32Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:DualSense input images]] === Buttons === <code><nowiki>{{Key|PS|Directional}}</nowiki></code> {{Key|PS|Directional}} <code><nowiki>{{Key|PS|Directional Left}}</nowiki></code> {{Key|PS|Directional Left}} <code><nowiki>{{Key|PS|Directional Right}}</nowiki></code> {{Key|PS|Directional Right}} <code><nowiki>{{Key|PS|Directional Up}}</nowiki></code> {{Key|PS|Directional Up}} <code><nowiki>{{Key|PS|Directional Down}}</nowiki></code> {{Key|PS|Directional Down}} <code><nowiki>{{Key|PS|Left Stick}}</nowiki></code> {{Key|PS|Left Stick}} <code><nowiki>{{Key|PS|Right Stick}}</nowiki></code> {{Key|PS|Right Stick}} <code><nowiki>{{Key|PS|Touch Pad}}</nowiki></code> {{Key|PS|Touch Pad}} <code><nowiki>{{Key|PS|Circle}}</nowiki></code> {{Key|PS|Circle}} <code><nowiki>{{Key|PS|Cross}}</nowiki></code> {{Key|PS|Cross}} <code><nowiki>{{Key|PS|Square}}</nowiki></code> {{Key|PS|Square}} <code><nowiki>{{Key|PS|Triangle}}</nowiki></code> {{Key|PS|Triangle}} <code><nowiki>{{Key|PS|Create}}</nowiki></code> {{Key|PS|Create}} <code><nowiki>{{Key|PS|Options}}</nowiki></code> {{Key|PS|Options}} <code><nowiki>{{Key|PS|L1}}</nowiki></code> {{Key|PS|L1}} <code><nowiki>{{Key|PS|R1}}</nowiki></code> {{Key|PS|R1}} <code><nowiki>{{Key|PS|L2}}</nowiki></code> {{Key|PS|L2}} <code><nowiki>{{Key|PS|R2}}</nowiki></code> {{Key|PS|R2}} <code><nowiki>{{Key|PS|L3}}</nowiki></code> {{Key|PS|L3}} <code><nowiki>{{Key|PS|R3}}</nowiki></code> {{Key|PS|R3}} <code><nowiki>{{Key|PS|Mute}}</nowiki></code> {{Key|PS|Mute}} <code><nowiki>{{Key|PS|PS}}</nowiki></code> {{Key|PS|PS}} === Diagram === <code><nowiki>{{Key|PS|Controller Diagram}}</nowiki></code> {{Key|PS|Controller Diagram}} <noinclude>[[Category:Key template documentation]]</noinclude> 84fa5123f9494d3572fef65e1aa63dd95ef476be 10 91 92 2024-09-19T18:45:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:Gesture input images]] === Fingers === <code><nowiki>{{key|gesture|Finger Front}}</nowiki></code> {{key|gesture|Finger Front}} <code><nowiki>{{key|gesture|Finger Side}}</nowiki></code> {{key|gesture|Finger Side}} === Tap & hold === <code><nowiki>{{key|gesture|Tap}}</nowiki></code> {{key|gesture|Tap}} <code><nowiki>{{key|gesture|Double Tap}}</nowiki></code> {{key|gesture|Double Tap}} <code><nowiki>{{key|gesture|Hold}}</nowiki></code> {{key|gesture|Hold}} === Swipe motions === <code><nowiki>{{key|gesture|Swipe Bottom Left}}</nowiki></code> {{key|gesture|Swipe Bottom Left}} <code><nowiki>{{key|gesture|Swipe Bottom Right}}</nowiki></code> {{key|gesture|Swipe Bottom Right}} <code><nowiki>{{key|gesture|Swipe Down}}</nowiki></code> {{key|gesture|Swipe Down}} <code><nowiki>{{key|gesture|Swipe Left}}</nowiki></code> {{key|gesture|Swipe Left}} <code><nowiki>{{key|gesture|Swipe Right}}</nowiki></code> {{key|gesture|Swipe Right}} <code><nowiki>{{key|gesture|Swipe Top Left}}</nowiki></code> {{key|gesture|Swipe Top Left}} <code><nowiki>{{key|gesture|Swipe Top Right}}</nowiki></code> {{key|gesture|Swipe Top Right}} <code><nowiki>{{key|gesture|Swipe Up}}</nowiki></code> {{key|gesture|Swipe Up}} === Zoom & scroll === <code><nowiki>{{key|gesture|Zoom In}}</nowiki></code> {{key|gesture|Zoom In}} <code><nowiki>{{key|gesture|Zoom Out}}</nowiki></code> {{key|gesture|Zoom Out}} <code><nowiki>{{key|gesture|Scroll Down}}</nowiki></code> {{key|gesture|Scroll Down}} <code><nowiki>{{key|gesture|Scroll Left}}</nowiki></code> {{key|gesture|Scroll Left}} <code><nowiki>{{key|gesture|Scroll Right}}</nowiki></code> {{key|gesture|Scroll Right}} <code><nowiki>{{key|gesture|Scroll Up}}</nowiki></code> {{key|gesture|Scroll Up}} === Circular motions === <code><nowiki>{{key|gesture|Double Rotate}</nowiki></code> {{key|gesture|Double Rotate}} <code><nowiki>{{key|gesture|Full Circle}}</nowiki></code> {{key|gesture|Full Circle}} <code><nowiki>{{key|gesture|Half Circle}}</nowiki></code> {{key|gesture|Half Circle}} <code><nowiki>{{key|gesture|Quarter Circle}}</nowiki></code> {{key|gesture|Quarter Circle}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 0a595b125cc6dbd6ad531c1e989d1929eaf1c6e2 10 92 93 2024-09-19T18:45:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:Nintendo Switch input images]] === Nintendo Switch === <code><nowiki>{{Key|Switch|a}}</nowiki></code> {{Key|Switch|a}} <code><nowiki>{{Key|Switch|b}}</nowiki></code> {{Key|Switch|b}} <code><nowiki>{{Key|Switch|x}}</nowiki></code> {{Key|Switch|x}} <code><nowiki>{{Key|Switch|y}}</nowiki></code> {{Key|Switch|y}} <code><nowiki>{{Key|Switch|Left Stick}}</nowiki></code> {{Key|Switch|Left Stick}} <code><nowiki>{{Key|Switch|Right Stick}}</nowiki></code> {{Key|Switch|Right Stick}} <code><nowiki>{{Key|Switch|Left Stick Press}}</nowiki></code> {{Key|Switch|Left Stick Press}} <code><nowiki>{{Key|Switch|Right Stick Press}}</nowiki></code> {{Key|Switch|Right Stick Press}} <code><nowiki>{{Key|Switch|-}}</nowiki></code> {{Key|Switch|-}} <code><nowiki>{{Key|Switch|+}}</nowiki></code> {{Key|Switch|+}} <code><nowiki>{{Key|Switch|Capture}}</nowiki></code> {{Key|Switch|Capture}} <code><nowiki>{{Key|Switch|HOME}}</nowiki></code> {{Key|Switch|HOME}} <code><nowiki>{{Key|Switch|L}}</nowiki></code> {{Key|Switch|L}} <code><nowiki>{{Key|Switch|R}}</nowiki></code> {{Key|Switch|R}} <code><nowiki>{{Key|Switch|ZL}}</nowiki></code> {{Key|Switch|ZL}} <code><nowiki>{{Key|Switch|ZR}}</nowiki></code> {{Key|Switch|ZR}} === Pro Controller === <code><nowiki>{{Key|Switch|Pro Control Pad}}</nowiki></code> {{Key|Switch|Pro Control Pad}} <code><nowiki>{{Key|Switch|Pro Control Pad Left}}</nowiki></code> {{Key|Switch|Pro Control Pad Left}} <code><nowiki>{{Key|Switch|Pro Control Pad Right}}</nowiki></code> {{Key|Switch|Pro Control Pad Right}} <code><nowiki>{{Key|Switch|Pro Control Pad Up}}</nowiki></code> {{Key|Switch|Pro Control Pad Up}} <code><nowiki>{{Key|Switch|Pro Control Pad Down}}</nowiki></code> {{Key|Switch|Pro Control Pad Down}} === Joy-Con === <code><nowiki>{{Key|Switch|Directional Left}}</nowiki></code> {{Key|Switch|Directional Left}} <code><nowiki>{{Key|Switch|Directional Right}}</nowiki></code> {{Key|Switch|Directional Right}} <code><nowiki>{{Key|Switch|Directional Up}}</nowiki></code> {{Key|Switch|Directional Up}} <code><nowiki>{{Key|Switch|Directional Down}}</nowiki></code> {{Key|Switch|Directional Down}} ==== Diagrams ==== <code><nowiki>{{Key|Switch|Joy-Con}}</nowiki></code> {{Key|Switch|Joy-Con}} <code><nowiki>{{Key|Switch|Joy-Con Separate}}</nowiki></code> {{Key|Switch|Joy-Con Separate}} <code><nowiki>{{Key|Switch|Joy-Con Left}}</nowiki></code> {{Key|Switch|Joy-Con Left}} <code><nowiki>{{Key|Switch|Joy-Con Right}}</nowiki></code> {{Key|Switch|Joy-Con Right}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> 34ef402e3bd539920ee4247d68882ecb53fc6eda 10 93 94 2024-09-19T18:45:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:PS4 input images]] === D-pad & sticks === <code><nowiki>{{key|PS4|Dpad}}</nowiki></code> {{key|PS4|Dpad}} <code><nowiki>{{key|PS4|Left}}</nowiki></code> {{key|PS4|Left}} <code><nowiki>{{key|PS4|Right}}</nowiki></code> {{key|PS4|Right}} <code><nowiki>{{key|PS4|Up}}</nowiki></code> {{key|PS4|Up}} <code><nowiki>{{key|PS4|Down}}</nowiki></code> {{key|PS4|Down}} <code><nowiki>{{key|PS4|Left Stick}}</nowiki></code> {{key|PS4|Left Stick}} <code><nowiki>{{key|PS4|Right Stick}}</nowiki></code> {{key|PS4|Right Stick}} <code><nowiki>{{key|PS4|Touch Pad}}</nowiki></code> {{key|PS4|Touch Pad}} === Front buttons === <code><nowiki>{{key|PS4|Circle}}</nowiki></code> {{key|PS4|Circle}} <code><nowiki>{{key|PS4|Cross}}</nowiki></code> {{key|PS4|Cross}} <code><nowiki>{{key|PS4|Square}}</nowiki></code> {{key|PS4|Square}} <code><nowiki>{{key|PS4|Triangle}}</nowiki></code> {{key|PS4|Triangle}} <code><nowiki>{{key|PS4|Share}}</nowiki></code> {{key|PS4|Share}} <code><nowiki>{{key|PS4|Options}}</nowiki></code> {{key|PS4|Options}} === Rear buttons === <code><nowiki>{{key|PS4|L1}}</nowiki></code> {{key|PS4|L1}} <code><nowiki>{{key|PS4|R1}}</nowiki></code> {{key|PS4|R1}} <code><nowiki>{{key|PS4|L2}}</nowiki></code> {{key|PS4|L2}} <code><nowiki>{{key|PS4|R2}}</nowiki></code> {{key|PS4|R2}} <noinclude>[[Category:Key template documentation]]</noinclude> 1672e7f0dcd4db09545c96936cfbabcab681cfeb 10 94 95 2024-09-19T18:45:39Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Images source: [[dev:Category:Xbox input images]] === Series & One === <code><nowiki>{{Key|Xbox|A}}</nowiki></code> {{Key|Xbox|A}} <code><nowiki>{{Key|Xbox|B}}</nowiki></code> {{Key|Xbox|B}} <code><nowiki>{{Key|Xbox|X}}</nowiki></code> {{Key|Xbox|X}} <code><nowiki>{{Key|Xbox|Y}}</nowiki></code> {{Key|Xbox|y}} <code><nowiki>{{Key|Xbox|Left Thumbstick}}</nowiki></code> {{Key|Xbox|Left Thumbstick}} <code><nowiki>{{Key|Xbox|Right Thumbstick}}</nowiki></code> {{Key|Xbox|Right Thumbstick}} <code><nowiki>{{Key|Xbox|Left Thumbstick Press}}</nowiki></code> {{Key|Xbox|Left Thumbstick Press}} <code><nowiki>{{Key|Xbox|Right Thumbstick Press}}</nowiki></code> {{Key|Xbox|Right Thumbstick Press}} <code><nowiki>{{Key|Xbox|LB}}</nowiki></code> {{Key|Xbox|LB}} <code><nowiki>{{Key|Xbox|RB}}</nowiki></code> {{Key|Xbox|RB}} <code><nowiki>{{Key|Xbox|View}}</nowiki></code> {{Key|Xbox|View}} <code><nowiki>{{Key|Xbox|Menu}}</nowiki></code> {{Key|Xbox|Menu}} <code><nowiki>{{Key|Xbox|Button}}</nowiki></code> {{Key|Xbox|Button}} === Xbox Series === <code><nowiki>{{Key|Xbox|D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|LT}}</nowiki></code> {{Key|Xbox|LT}} <code><nowiki>{{Key|Xbox|RT}}</nowiki></code> {{Key|Xbox|RT}} <code><nowiki>{{Key|Xbox|Share}}</nowiki></code> {{Key|Xbox|Share}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|Series Controller Diagram}}</nowiki></code> {{Key|Xbox|Series Controller Diagram}} === Xbox One === <code><nowiki>{{Key|Xbox|One D-pad}}</nowiki></code> {{Key|Xbox|D-pad}} <code><nowiki>{{Key|Xbox|One D-pad Left}}</nowiki></code> {{Key|Xbox|D-pad Left}} <code><nowiki>{{Key|Xbox|One D-pad Right}}</nowiki></code> {{Key|Xbox|D-pad Right}} <code><nowiki>{{Key|Xbox|One D-pad Up}}</nowiki></code> {{Key|Xbox|D-pad Up}} <code><nowiki>{{Key|Xbox|One D-pad Down}}</nowiki></code> {{Key|Xbox|D-pad Down}} <code><nowiki>{{Key|Xbox|One Left Trigger}}</nowiki></code> {{Key|Xbox|One Left Trigger}} <code><nowiki>{{Key|Xbox|One Right Trigger}}</nowiki></code> {{Key|Xbox|One Right Trigger}} ==== Diagram ==== <code><nowiki>{{Key|Xbox|One Controller Diagram}}</nowiki></code> {{Key|Xbox|One Controller Diagram}} __NOTOC__ <noinclude>[[Category:Key template documentation]]</noinclude> adce81e2e9eafcf930052a8993d3e5625665202e 10 95 96 2024-09-19T18:45:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 97 96 2024-09-19T18:45:41Z RheingoldRiver 2743 Protected "[[Template:License]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/{{{1|nolicense}}}|source={{{source|}}}}}</includeonly> <noinclude>{{documentation}}</noinclude> 97ce18acc45bafbcf8fbbf066408a1e8ca46f82e 10 96 98 2024-09-19T18:45:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 956c4b541bf09eae168956e88b0723f17909801b 99 98 2024-09-19T18:45:43Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY | icon = [[File:CC-BY.svg|x50px|link=https://creativecommons.org/licenses/by/3.0/|CC-BY]] | text = This file is under the [https://creativecommons.org/licenses/by/3.0/ Creative Commons Attribution 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 956c4b541bf09eae168956e88b0723f17909801b 10 97 100 2024-09-19T18:45:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0a71686704d05cbe6c47127502d6efbcfbc07aaa 101 100 2024-09-19T18:45:45Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-NC]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC | icon = [[File:CC-BY-NC.svg|x50px|link=https://creativecommons.org/licenses/by-nc/3.0/|CC-BY-NC]] | text = This file is under the [https://creativecommons.org/licenses/by-nc/3.0/ Creative Commons Attribution-NonCommercial 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0a71686704d05cbe6c47127502d6efbcfbc07aaa 10 98 102 2024-09-19T18:45:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> d2662f8aed08d926b744cdc1263786bb06e84f56 103 102 2024-09-19T18:45:46Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-NC-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-ND | icon = [[File:CC-BY-NC-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nc-nd/3.0/|CC-BY-NC-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-nd/3.0/ Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> d2662f8aed08d926b744cdc1263786bb06e84f56 10 99 104 2024-09-19T18:45:47Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0aebf809772f77e9f40a27a46cbead47b0f23637 105 104 2024-09-19T18:45:48Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-NC-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-NC-SA | icon = [[File:CC-BY-NC-SA.svg|x50px|link=https://creativecommons.org/licenses/by-nc-sa/3.0/|CC-BY-NC-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-nc-sa/3.0/ Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 0aebf809772f77e9f40a27a46cbead47b0f23637 10 100 106 2024-09-19T18:45:49Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9a591941dc48084ecdd082f576380411b1406230 107 106 2024-09-19T18:45:50Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-ND]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-ND | icon = [[File:CC-BY-ND.svg|x50px|link=https://creativecommons.org/licenses/by-nd/3.0/|CC-BY-ND]] | text = This file is under the [https://creativecommons.org/licenses/by-nd/3.0/ Creative Commons Attribution-NoDerivs 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9a591941dc48084ecdd082f576380411b1406230 10 101 108 2024-09-19T18:45:50Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 43ba316c09d5eea2d13222f551d084eeaa807011 109 108 2024-09-19T18:45:51Z RheingoldRiver 2743 Protected "[[Template:License/CC-BY-SA]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-BY-SA | icon = [[File:CC-BY-SA.svg|x50px|link=https://creativecommons.org/licenses/by-sa/3.0/|CC-BY-SA]] | text = This file is under the [https://creativecommons.org/licenses/by-sa/3.0/ Creative Commons Attribution-ShareAlike 3.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 43ba316c09d5eea2d13222f551d084eeaa807011 10 102 110 2024-09-19T18:45:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 729aa1019207fed07b48064e2032cc53c6346f25 111 110 2024-09-19T18:45:53Z RheingoldRiver 2743 Protected "[[Template:License/CC-PD]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-PD | icon = [[File:CC-PD.svg|x50px|link=|Public Domain]] | text = This file has been released into the public domain by the copyright holder, its copyright has expired, or it is ineligible for copyright. This applies worldwide. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 729aa1019207fed07b48064e2032cc53c6346f25 10 103 112 2024-09-19T18:45:54Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5 113 112 2024-09-19T18:45:55Z RheingoldRiver 2743 Protected "[[Template:License/CC-SRR]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC-SRR | icon = [[File:CC-SRR.svg|link=|CC-Some Rights Reserved]] | text = This file is under the Creative Commons Some Rights Reserved License. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 9f9699ab0bd08dd66c0f61ec3b2455905e40bdf5 10 104 114 2024-09-19T18:45:56Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 5b4bdd9526f2eee026aaa54d08d4b75c91cf2200 115 114 2024-09-19T18:45:57Z RheingoldRiver 2743 Protected "[[Template:License/CC0]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = CC0 | icon = [[File:CC-0.svg|x50px|link=https://creativecommons.org/publicdomain/zero/1.0/|CC0]] | text = This file is under the [https://creativecommons.org/publicdomain/zero/1.0/ CC0 1.0 License]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 5b4bdd9526f2eee026aaa54d08d4b75c91cf2200 10 105 116 2024-09-19T18:45:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:License/fairuse]] ecb7db41961bb5256d571593ca3f90ae1e199a3e 10 106 117 2024-09-19T18:45:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This template is to be used under a ''Licensing'' heading on file pages to denote the file's license. == Available licenses == === Game === * Usage: <nowiki>{{License|game}}</nowiki> {{License|game}} === Fairuse === * Usage: <nowiki>{{License|fairuse}}</nowiki> {{License|fairuse}} === CC0 === * Usage: <nowiki>{{License|CC0}}</nowiki> {{License|CC0}} === CC-BY-NC-ND === * Usage: <nowiki>{{License|CC-BY-NC-ND}}</nowiki> {{License|CC-BY-NC-ND}} === CC-BY-NC-SA === * Usage: <nowiki>{{License|CC-BY-NC-SA}}</nowiki> {{License|CC-BY-NC-SA}} === CC-BY-NC === * Usage: <nowiki>{{License|CC-BY-NC}}</nowiki> {{License|CC-BY-NC}} === CC-BY-ND === * Usage: <nowiki>{{License|CC-BY-ND}}</nowiki> {{License|CC-BY-ND}} === CC-BY-SA === * Usage: <nowiki>{{License|CC-BY-SA}}</nowiki> {{License|CC-BY-SA}} === CC-BY === * Usage: <nowiki>{{License|CC-BY}}</nowiki> {{License|CC-BY}} === CC-PD === * Usage: <nowiki>{{License|CC-PD}}</nowiki> {{License|CC-PD}} === CC-SRR === * Usage: <nowiki>{{License|CC-SRR}}</nowiki> {{License|CC-SRR}} '''Providing no parameter (or invalid one) defaults to the nolicense notice:''' <nowiki>{{License}}</nowiki>{{License}} '''Source parameter (optional):''' The source parameter accepts a url to the source where the file came from if necessary for attribution. Example: <nowiki>{{License|game|source=https://indie.io/}}</nowiki> {{License|game|source=https://indie.io/}} <includeonly> [[Category:License templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 10afff2f4cfffe0530113446e9d8ff5336b0aa3f 10 107 118 2024-09-19T18:46:00Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ab575747427e43b6d5dc2d98e19579ebd2dac54e 119 118 2024-09-19T18:46:02Z RheingoldRiver 2743 Protected "[[Template:License/fairuse]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = fairuse | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is copyrighted. It will be used in a way that qualifies as fair use under [https://en.wikipedia.org/wiki/Fair_use#Fair_use_under_United_States_law US copyright law]. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> ab575747427e43b6d5dc2d98e19579ebd2dac54e 10 108 120 2024-09-19T18:46:02Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 121 120 2024-09-19T18:46:03Z RheingoldRiver 2743 Protected "[[Template:License/game]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> f1283ce43eda0d523b8e1f249ebc02470d957b34 10 109 122 2024-09-19T18:46:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 123 122 2024-09-19T18:46:04Z RheingoldRiver 2743 Protected "[[Template:License/indie.io]]" ([Edit=Allow only wiki.gg staff] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = This file is owned by [https://indie.io indie.io] and/or its licensors, and is licensed under the [https://indie.io indie.io] [https://www.indie.io/terms-of-service Terms of Use].<br/> All trademarks and registered trademarks present in the file are proprietary to [https://indie.io indie.io] and/or its licensors. }}</includeonly><noinclude> This template currently looks like: {{License/indie.io}} See {{tl|License}} for full license documentation [[Category:License templates]]</noinclude> 49823bdf8d378ff755fa7b6493afde40f6a4e19a 10 110 124 2024-09-19T18:46:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 6fcc074a49246120434bbc0a2d2fb6364018548a 125 124 2024-09-19T18:46:06Z RheingoldRiver 2743 Protected "[[Template:License/nolicense]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly>{{License/template | source = {{{source|}}} | type = nolicense | icon = [[File:Warning-red.svg|50px|link=|No license has been selected.]] | text = Please select the proper license for this file by adding the proper parameter to <nowiki>{{License}}</nowiki>. See [[Template:License]] for details. }}</includeonly> <noinclude>{{documentation|Template:License/doc}}</noinclude> 6fcc074a49246120434bbc0a2d2fb6364018548a 10 111 126 2024-09-19T18:46:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 127 126 2024-09-19T18:46:08Z RheingoldRiver 2743 Protected "[[Template:License/template]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki <includeonly><!-- --><div class="license {{{type|}}}" style="border: 1px solid var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); align-items: center; padding: 5px; display: flex; gap: 1em;"> <div class="icon {{#if:{{{darkIcon|}}}|invert-on-dark}}">{{{icon|}}}</div> <div class="text">{{{text|}}}{{#if:{{{source|}}}|<br/><span class="source">Source:&nbsp;{{{source|}}}</span>}}{{{text2|}}}</div> </div><!-- --></includeonly><noinclude>{{documentation|Template:License/doc}}</noinclude> 7d0e694e6a42a5368b4b62ce6c01bfa2fb4e67b8 10 112 128 2024-09-19T18:46:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#vardefine:target|{{{1|}}}<!-- end vd -->}}<!-- -->{{#vardefine:display|{{#if:{{{2|}}}|{{{2}}}|{{{1}}}<!-- end if -->}}<!-- end vd -->}}<!-- -->{{#vardefine:iconSize|1.2em}}<!-- -->{{#vardefine:lineHeight|1lh}}<!-- -->{{#vardefine:fileExists|{{filepath:{{#var:target}} ({{{type}}}).png}}}}<!-- -->{{#ifeq: {{{2|}}} | notext <!-- start if notext -->|<span class="link-icon notext" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start notext icon element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}<!-- end icon if --></span><!-- end notext icon -->|<span class="link-icon" style="--link-icon-size: {{#var:iconSize}}; --link-icon-line-height: {{#var:lineHeight}};"><!-- start icon + text element -->{{#if: {{#var:fileExists}} <!-- start icon if -->| <span class="regular">[[File:{{#var:target}} ({{{type}}}).png|link={{#var:target}}|alt=]]</span><!-- end regular icon -->| <span class="fallback">[[File:{{{1}}} ({{{type}}}).png|?]]</span><!-- end fallback icon (?) -->}}&nbsp;<!-- end icon if --><span class="display-text">[[{{#var:target}}|{{#var:display}}]]</span><!-- end display text -->}}<!-- start if notext --></span></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4e9bb37a48d63bb6b56f32d260dc74f64011e4af 10 113 129 2024-09-19T18:46:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{No direct use}} == List of link icon templates == * {{tl|Character icon}} * {{tl|Item icon}} == Dependencies== For this template to work properly, you need the following: * The <code>.link-icon</code> class and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> 654dfb540ea31a810ef53c3820862942e63b2e8a 10 114 130 2024-09-19T18:46:12Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <noinclude>[[Category:Documentation templates]]</noinclude><div class="luadoc">Edit the [[{{FULLPAGENAME}}/doc|documentation or categories]] for this module. {{#ifexist:{{FULLPAGENAME}}/i18n|This module has an [[/i18n|i18n file]].}}</div> 5df079d8f61782274d2ab1da5c43526c4229362c 10 115 131 2024-09-19T18:46:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#if:{{{image|}}}|[[File:{{{image|}}}|{{{size|42px}}}|link={{{link|{{{1|}}}}}}]]}}<!-- -->{{#if:{{#pos:{{{link|}}}|http}}|[{{{link|}}} {{{1|}}}]|[[{{{link|{{{1|}}}}}}|{{{1|}}}]]}}</includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> b5f7c06404f70f0e717c635e4516a43801d501a6 10 116 132 2024-09-19T18:46:14Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This creates one of the stylized and formatted links on the [[{{SITENAME}}|main page]]. == Usage == Groups of this template should be wrapped inside of <code><nowiki><div class="mp-links"></div></nowiki></code> and each entry should be a separate line in an [[wikipedia:Help:Lists#Basically|unordered list]]. This div can be given one of the classes <code>columns-x</code> where x is a number from 1 to 5, and the links will line up in that many columns if space permits (default is 3). The div can also optionally be given the class <code>stretch</code> and it will stretch the list vertically to fill empty space. See [[Mediawiki:Common.css]] for the full definitions of these classes and styling for this template. ===Parameters=== <templatedata> { "description": { "en": "Creates stylized and formatted links on the main page." }, "format": "inline", "params": { "1": { "label": { "en": "Text" }, "description": { "en": "The text to display. If the link parameter is not given, this will also be the link target." }, "required": true, "example": "Stuff", "type": "string" }, "link": { "label": { "en": "Link" }, "description": { "en": "The target page for the link, if different than the display text." }, "required": false, "example": "Main Page", "type": "wiki-page-name" }, "image": { "label": { "en": "Image" }, "description": { "en": "An image to display with the link." }, "required": false, "suggested": true, "type": "wiki-file-name" }, "size": { "label": { "en": "Image size" }, "description": { "en": "The size of the image, in px." }, "required": false, "default": "42px", "type": "string" } }, "paramOrder": [ "1", "link", "image", "size" ] } </templatedata> ==Examples== <pre> <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> </pre> Produces: <div class="mp-links columns-3"> * {{MP link|Stuff|link=Special:Random|image=Site-logo.png|size=42px}} * {{MP link|Things|link=Special:Random}} * {{MP link|Other stuff|link=Special:Random|image=Site-logo.png|size=42px}} </div> <noinclude> [[Category:Template documentation]] </noinclude> 414ab9c9cbd6e62064acc46ccbd3768fa986c66b 10 117 133 2024-09-19T18:46:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:text|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|[[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|[[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Hatnote|<!-- -->{{#if:{{{2|}}}|Main articles|Main article}}: {{#var:text}}<!-- -->}}<!-- --></includeonly><!-- --><noinclude>{{doc}}[[Category:Hatnote templates]]</noinclude> e02ac04db1bbce6b71a9aa8a5064182f662d8470 10 118 134 2024-09-19T18:46:17Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "label": "Article", "description": "A main article.", "example": "Article", "type": "wiki-page-name", "required": true }, "2": { "label": "Second Article", "description": "A second main article.", "example": "Second Article", "type": "wiki-page-name" }, "3": { "label": "Third Article", "description": "A third main article.", "example": "Third Article", "type": "wiki-page-name" } }, "description": "This hatnote template is meant to be in sections of an article mentioning information about another existing main article.", "paramOrder": [ "1", "2", "3" ], "format": "inline" } </templatedata> == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{Main|Special:WantedPages}}</nowiki></code> || {{Main|Special:WantedPages}} |- | <code><nowiki>{{Main|Special:WantedPages#Section Title}}</nowiki></code> || {{Main|Special:WantedPages#Section Title}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages}} |- | <code><nowiki>{{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}}</nowiki></code> || {{Main|Special:WantedPages|Special:UncategorizedPages|Special:UncategorizedCategories}} |- | <code><nowiki>{{Main|Special:WantedPages{{!}}Page 1}}</nowiki></code> (Custom link label) || {{Main|Special:WantedPages{{!}}Page 1}} |} == Dependencies == This template requires the {{tl|Hatnote}} metatemplate. == Source == Roughly based on [[wikipedia:Template:For|Wikipedia's For Template]]. <noinclude>[[Category:Template documentation]]</noinclude> dd762adeece0f944821cb81ee14a8bd9cb539b22 10 119 135 2024-09-19T18:46:18Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = purple | icon = Merge.svg | message = It has been proposed that this page be [[support:Merge|merged]] with [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for merging]]}}</includeonly><!-- --><noinclude>{{Merge|Template:Merge|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 9975c110e793cc1943eac9ea8e62257d704ab853 10 120 136 2024-09-19T18:46:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 121 137 2024-09-19T18:46:20Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <code>{{[[Module:{{{1}}}|{{{1}}}]]}}^m{{#if:{{{2|}}}|.{{{2}}}()}}</code><noinclude> * <code><nowiki>{{Ml|Infobox}}</nowiki></code> generates {{Ml|Infobox}}. * <code><nowiki>{{Ml|ArgsUtil|merge}}</nowiki></code> generates {{Ml|ArgsUtil|merge}}. [[Category:Formatting templates]] </noinclude> 0c69bf8d7c3319f1cf2aa68f4b80261257291560 10 122 138 2024-09-19T18:46:21Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkorange | icon = Move.svg | message = It has been proposed that this page be moved to [[{{{1}}}]]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for moving]]}}</includeonly><!-- --><noinclude>{{Move|Template:Ambox{{!}}Example|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> dc4fd9090208e453457d6d2df193b9a7ee3b562d 10 123 139 2024-09-19T18:46:23Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 124 140 2024-09-19T18:46:24Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Navbox|navbox}}</includeonly><noinclude>[[Category:Navigation templates]] {{documentation}}</noinclude> 77a8826ed2275625c76b3bdbb1905ea21d63d23c 10 125 141 2024-09-19T18:46:25Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{UsesLua|Navbox}} This template allows a navigational template to be set up relatively quickly by supplying it with one or more lists of links. Using this template is highly recommended for standardization of navigational templates, and for ease of use. == Usage == Please remove the parameters that are left blank. <syntaxhighlight lang="wikitext" style="overflow: auto;">{{Navbox | name = {{subst:PAGENAME}} | title = | listclass = hlist | state = {{{state|}}} | above = | image = | group1 = | list1 = | group2 = | list2 = | group3 = | list3 = <!-- ... --> | below = }} </syntaxhighlight> == Parameter list == {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | above = {{{above}}} | image = {{{image}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} The navbox uses lowercase parameter names, as shown in the box (''above''). The required ''name'' and ''title'' will create a one-line box if other parameters are omitted. Notice "group1" (etc.) is optional, as are sections named "above/below". {{clear}} The basic and most common parameters are as follows (see [[#Parameter descriptions|below]] for the full list): : <code>name</code> – the name of the template. : <code>title</code> – text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>. : <code>class</code> - an optional CSS class for the entire navbox, to enable custom styling. : <code>listclass</code> – a CSS class for the list cells, usually <code>hlist</code> for horizontal lists. : <code>state</code> – controls when a navbox is expanded or collapsed. : <code>above</code> – text to appear above the group/list section (could be a list of overall wikilinks). : <code>image</code> – an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[File:</nowiki><var>XX</var><nowiki>.jpg|80px|link=|alt=]]</nowiki></code>. : <code>imageleft</code> – an optional left-side image (code the same as the "image" parameter). : <code>group_n</code> – the left-side text before list-n (if group-n omitted, list-n starts at left of box). : <code>list_n</code> – text listing wikilinks using a [[wikipedia:Help:Lists|wikilist]] format. : <code>below</code> – optional text to appear below the group/list section. == Parameter descriptions == The following is a complete list of parameters for using {{tlx|Navbox}}. In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>. === Setup parameters === :; ''name'' :: The name of the template, which is needed for the "V&nbsp;• T&nbsp;• E" ("View&nbsp;• Talk&nbsp;• Edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut. The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set, and the <code>navbar</code> parameter is not used to disable the navbar. :; ''state'' <span style="font-weight:normal;">[<code>autocollapse, collapsed, expanded, plain, off</code>]</span> :* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. :* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state. :* If set to <code>expanded</code>, the navbox will always start out in an expanded state. :* If set to <code>plain</code>, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the <small>V&nbsp;• T&nbsp;• E</small> links). :* If set to <code>off</code>, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered. This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden. : To show the box when standalone (non-included) but then auto-hide contents when in an article, put "expanded" inside <code>&lt;noinclude|&gt;</code>...<code>&lt;/noinclude|&gt;</code> tags. This setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]", but then it will auto-collapse the box when stacked inside an article: :: <code><nowiki>| state =&nbsp;</nowiki></code><code>&lt;noinclude|&gt;</code>expanded<code>&lt;/noinclude|&gt;</code> : Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this: :* In your intermediate template, create a parameter also named "state" as a pass-through like this: :: <code><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></code> :* The <code>&lt;includeonly&gt;</code><code>|</code> will make the template expanded when viewing the template page by itself. :; ''navbar'' :: If set to <code>plain</code>, the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered. Use <code>off</code> to remove the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). It is highly recommended that one not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages. : ''See later section on [[#Child navboxes|using navboxes within one another]] for examples and a more complete description.'' If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snugly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox. If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter): :<pre>{{Navbox|child|...}}</pre> === Cells === ; ''title''* : Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering. This parameter is technically not mandatory, but using {{tl|Navbox}} is rather pointless without a title. ; ''above''* : A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter. ; ''group_n''* : (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list_n''. If omitted, ''list_n'' uses the full width of the table. ; ''list_n''* : (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>. At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table. Each ''list_n'' may be preceded by a corresponding ''group_n'' parameter, if provided (see below). :Entries should be separated using a newline and an asterisk (*). If instead two asterisks are used, it provides [[wikipedia:Nesting (computing)|nesting]] within the previous entry by enclosing the entry with brackets. Increasing the number of asterisks used increases the number of brackets around entries. ; ''imageleft''* : An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts. ; ''below''* : A full-width cell displayed ''below'' the template's body (groups, lists and image). == Layout of table == ===Without image, above and below=== Table generated by {{tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} }} ===With image, above and below=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | title = {{{title}}} | above = {{{above}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} ===With image and without groups=== Table generated by {{tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'': {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | imageleft = {{{imageleft}}} | title = {{{title}}} | list1 = {{{list1}}} | list2 = {{{list2}}} | list3 = {{{list3}}} | list4 = {{{list4}}} }} == Examples == == TemplateData == <templatedata> { "params": { "state": { "label": "State", "description": "Controls when a navbox is expanded or collapsed", "example": "autocollapse", "suggestedvalues": [ "autocollapse", "collapsed", "expanded", "plain", "off" ], "default": "autocollapse", "suggested": true }, "title": { "label": "Title", "description": "Text in the title bar; centered in the top row of the table. Usually the template's topic.", "example": "[[Template:Navbox]]", "suggested": true }, "above": { "label": "Above", "description": "Full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image)", "type": "string", "suggested": true }, "image": { "label": "Image", "description": "Image to be displayed in a cell below the title and to the right of the body", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name", "suggested": true }, "group1": { "label": "Group 1", "description": "If specified, text appears in a header cell displayed to the left of list 1. If omitted, list 1 uses the full width of the table.", "suggested": true }, "list1": { "label": "List 1", "description": "Body of the template; usually a list of links. Format is inline. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter.\nEntries should be separated using a newline and an asterisk. If two asterisks are used, it provides nesting within the previous entry with brackets.", "required": true, "suggested": true }, "group2": { "suggested": true }, "list2": { "suggested": true }, "list3": { "suggested": true }, "group3": { "suggested": true }, "group4": {}, "list4": {}, "below": { "label": "Below", "description": "Full-width cell displayed below the template's body.", "suggested": true }, "imageleft": { "label": "Image left", "description": "Image to be displayed in a cell below the title and to the left of the body. For the image to display properly, list1 parameter must be specified and no groups can be specified.", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name" }, "name": { "label": "Name", "description": "The name of the template. Needed for \"View • Talk • Edit\" links to work properly.", "type": "string", "default": "{{subst:PAGENAME}}", "suggested": true }, "class": { "label": "Navbox class", "description": "CSS class for the navbox.", "example": "navbox-items", "type": "string" }, "listclass": { "label": "List class", "description": "CSS class for the list cells, usually hlist for horizontal lists.", "example": "hlist", "type": "string" }, "navbar": { "label": "Navbar status", "example": "plain, off", "type": "string" }, "border": { "label": "Border status", "example": "child, subgroup, none", "type": "string" }, "evenodd": { "suggestedvalues": [ "swap", "even", "odd", "off" ] } }, "description": "Creates a navigational box for links to other pages.", "paramOrder": [ "name", "title", "class", "group1", "list1", "listclass", "state", "above", "below", "image", "group2", "list2", "group3", "list3", "group4", "list4", "imageleft", "navbar", "border", "evenodd" ] } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 49b0f6f3b5d3ee9f666852d6bb4ce22bdbc8e5eb 10 126 142 2024-09-19T18:46:26Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:No direct use]] 8448af1f61f0d64a84806b006c70670d9296acde 10 127 143 2024-09-19T18:46:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{ambox|icon=Warning-red.svg|title='''Don't call this template directly from any content page!''' |message=This template is intended to be used inside of another template. Then that template in turn may be used on content pages. |color=red }}</includeonly><noinclude>{{documentation}} [[Category:Notice templates]]</noinclude> 72f49bdd34be1bcb8d1a6f91015ddce6912103db 10 128 144 2024-09-19T18:46:28Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 129 145 2024-09-19T18:46:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Nowrap]] 269180d5083536bbbf72d889477805cfde7aac9e 10 130 146 2024-09-19T18:46:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <span style{{=}}"font-weight:normal; font-style:normal">{{{1}}}</span><noinclude> {{documentation}} </noinclude> f1d74e033cde1ce3b2efdc98b78fb863b8524fcf 10 131 147 2024-09-19T18:46:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <span class="nowrap">{{{1}}}</span><noinclude> {{documentation}} </noinclude> 8817bafce418a08a72f3425283fc03d04a2d8d44 10 132 148 2024-09-19T18:46:32Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki &#124;<noinclude>{{documentation}}</noinclude> 9d1875aa686e4e25a0994448a39d057e91541788 10 133 149 2024-09-19T18:46:33Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:((/doc]] 509bb731d447456a18489848c8a1ce38feddabcc 10 134 150 2024-09-19T18:46:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- --><div class="quote"><!-- start quote wrapper --><div class="marks-wrapper"><!-- start marks wrapper --><div class="block"><!-- start quote block -->{{#if:{{{title|}}}|<div class="title">{{{title}}}</div>|}}<!-- -->{{#if:{{{text|{{{1|}}}}}}|<div class="text">{{{text|{{{1|}}}}}}</div>|}}<!-- --></div><!-- end quote block --></div><!-- end marks wrapper -->{{#if:{{{author|}}}|<div class="author">― {{#if:{{{authorpage|}}}| [[{{{authorpage}}}|{{{author}}}]] | {{{author}}} }}</div>|}}<!-- --></div></includeonly><noinclude>{{Documentation}}[[Category:Formatting templates]]</noinclude> 4068bd07d27429291e64025ee67d91eaf78fe06e 10 135 151 2024-09-19T18:46:36Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki == Examples == {| class="wikitable" ! Code !! Result |- | <pre>{{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote|text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |title=Opening lines of ''Richard III'' |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |- | <pre>{{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}}</pre> | {{Quote |author=William Shakespeare |authorpage=wikipedia:William Shakespeare |text=Now is the winter of our discontent made glorious summer by this sun of York}} |} == Dependencies == For this template to work properly, you need the following: * The <code>.quote</code> and any related classes, found in [[MediaWiki:Common.css]]. <noinclude>[[Category:Template documentation]]</noinclude> == Template data (for Visual Editor) == <templatedata> { "params": { "title": { "label": "Title", "description": "If the quote has a title, put it here.", "example": "Richard III's soliloquy", "type": "line" }, "text": { "label": "Quoted Text", "description": "The quoted text to be displayed.", "example": "Now is the winter of our discontent made glorious summer by this sun of York", "type": "string", "required": true }, "author": { "label": "Quote's Author", "description": "The author of the displayed quote.", "example": "William Shakespeare", "type": "line", "suggested": true }, "authorpage": { "label": "Author's Page", "description": "If the quote's author has a page on the Wiki, put the page name here.", "example": "William Shakespeare (playwright)", "type": "wiki-page-name", "suggested": true } }, "description": "This template creates a styled block element for quotes.", "paramOrder": [ "text", "author", "authorpage", "title" ], "format": "block" } </templatedata> 8a10e77de70ff704435282ce0f2ba792a13404a5 10 136 152 2024-09-19T18:46:38Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:pages|<!-- start vd -->{{#if:{{{2|}}}<!-- if more than one page -->|new pages titled [[{{{1}}}]]{{#if:{{{3|}}}<!-- start concat if -->|, [[{{{2}}}]] and [[{{{3}}}]]<!-- concat two -->|<nowiki> </nowiki>and [[{{{2}}}]]<!-- else; concat one -->}}<!-- end concat if -->|a new page titled [[{{{1}}}]]<!-- else; one page only -->}}<!-- end if -->}}<!-- end vd -->{{Ambox | color = purple | icon = Split.svg | message = It has been proposed that this page be split into {{#var:pages}}. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Candidates for splitting]]}}</includeonly><!-- --><noinclude>{{Split|Template:Ambox{{!}}Example|nocat=yes}} {{Split|Template:Ambox{{!}}Example 1|Template:Ambox{{!}}Example 2|Template:Ambox{{!}}Example 3|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 73f5044c8b972e18c3b7880f94b0644e4a0e6ac7 10 137 153 2024-09-19T18:46:40Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 138 154 2024-09-19T18:46:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly><!-- Base code written for Terraria Wiki: https://terraria.wiki.gg/wiki/Template:Spoiler NOTE: This template needs a JavaScript function in MediaWiki:Common.js or MediaWiki:Vector.js to work, as well as styling in MediaWiki:Common.css or MediaWiki:Vector.css for the related classes --><span class="spoiler-content {{{class|}}}" id="{{{id|}}}" style="{{{css|{{{style|}}}}}}"><span>{{{1|}}}</span></span><!-- --></includeonly><noinclude> {{doc}} [[Category:Formatting templates]] </noinclude> 77445d8bb567ea7e24ff01afea601393d29dd3f9 10 139 155 2024-09-19T18:46:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <templatedata> { "params": { "1": { "aliases": [ "text" ], "label": "Text", "description": "The text to be shown.", "example": "Character A died during the battle.", "type": "content", "required": true }, "hover": { "label": "Show on Hover?", "description": "Show spoiler text on mouse hover.", "example": "hover=yes", "type": "boolean", "default": "hover=no" } }, "description": "This template can be used to mark text as a spoiler.", "maps": { "1": {} }, "paramOrder": [ "1", "hover" ], "format": "inline" } </templatedata> == The hoverShowSpoilers gadget == Users can enable {{gad|hoverShowSpoilers}} to make spoilers show on hover, not just on click. The code for this gadget can be found at {{gad|hoverShowSpoilers.css}}. == Examples == {| class="wikitable" ! Code !! Result |- | <code><nowiki>{{spoiler|spoiler text}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text}} |- | <code><nowiki>{{spoiler|spoiler text with a [[Template:Navbox|link]]}}</nowiki></code> (Click to toggle) || {{spoiler|spoiler text with a [[Template:Navbox|link]]}} |} == Dependencies == For this template to work properly, you need the following: * The small JavaScript code for toggling the <code>.spoiler</code> class on/off on click, found in [[MediaWiki:Common.js]]. * The <code>.spoiler-content</code> and any related classes, found in [[MediaWiki:Common.css]]. == Source == Base code adapted from [https://terraria.wiki.gg/wiki/Template:Spoiler Template:Spoiler on Terraria Wiki]. <noinclude>[[Category:Template documentation]]</noinclude> 0a47f2e840d579e339ed92445d2dba4a32cd76fe 10 140 156 2024-09-19T18:46:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{Ambox | color = red | icon = Warning-red.svg | title = Spoiler Warning | message = This page contains '''spoilers'''. View at your own discretion. | tiny = {{{tiny|}}} | class = {{{class|}}} }}<noinclude>{{doc}}</noinclude> 06bff33f547d6b08794a2f9b6537b19478b2866e 10 141 157 2024-09-19T18:46:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 10 142 158 2024-09-19T18:46:47Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = gold | icon = Stub.svg | message = This page is a [[support:Stub|stub]]. You can help '''{{SITENAME}}''' by [{{fullurl:{{FULLPAGENAME}}|action=edit}} expanding it]. | tiny = {{{tiny|}}} | class = {{{class|}}} | date = {{{date|}}} }}<!-- -->{{#ifeq: {{lc:{{{nocat|}}}}} | yes ||[[Category:Stubs]]}}</includeonly><!-- --><noinclude>{{Stub|nocat=yes}} {{doc|Template:Ambox/doc}}</noinclude> 1effeb7d6eb04a0b11c76b8bfa871703461c9344 10 143 159 2024-09-19T18:46:48Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Ambox/doc]] 68bfb03f8f28c95443c7b1997f252c236bf87256 10 144 160 2024-09-19T18:46:50Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{#invoke:Template link|main|code=on}}</includeonly><noinclude> {{Documentation}} </noinclude> 1c13b1daaf7b7e8ce1e45cc03b4baf31c09bc6cd 10 145 161 2024-09-19T18:46:51Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{From Wikipedia|Module:Template link general,Template:Tlx}} {{Uses Lua|Template link}} This template returns an exemplaric use of a template while linking to the template description page, if the template exists. == Usage == <pre> {{tl|<Template name>}} {{tl|<Template name>|<Template parameters>}} </pre> ; ''unnamed parameter'' 1 : Template name (without <code>Template:</code> prefix) ; ''unnamed parameter'' 2 - 9 : Optional. Template parameters ; nl : Optional flag to display an un-linked template usage. == Examples == : <code><nowiki>{{tl|stub}}</nowiki></code> returns {{tl|stub}} : <code><nowiki>{{tl|stub|1}}</nowiki></code> returns {{tl|stub|1}} : <code><nowiki>{{tl|stub|1|2|nl{{=}}y}}</nowiki></code> returns {{tl|stub|1|2|nl{{=}}y}} : <code><nowiki>{{tl|for|page|t1{{=}}alt text}}</nowiki></code> returns {{tl|for|page|t1{{=}}alt text}} == See also == <includeonly> [[Category:Formatting templates]] </includeonly> <noinclude>[[Category:Template documentation]]</noinclude> 68dd4189207857784f997c892d71b1a2dd95f123 10 146 162 2024-09-19T18:46:52Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Template:Tl]] af3906f239c45d791753d3170c656eddd6d1af5f 10 147 163 2024-09-19T18:46:53Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Uses Lua]] 9675a92267565619bc6418ec4e88163985302408 10 148 164 2024-09-19T18:46:54Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki <includeonly>{{Ambox | color = darkblue | icon = Lua logo.svg | title= This template uses one or more modules written in the Lua programming language. | message = For more information, see [[wikipedia:Wikipedia:Lua|Wikipedia:Lua]] or the [[mw:Extension:Scribunto/Lua reference manual|Lua reference manual]] on mediawiki.org. Modules used include: {{#if:{{{1|}}}|{{#arraymap:{{{1|}}}|,|%s|'''[[Module:%s|%s]]'''}}|''None provided''}}. | tiny = {{{tiny|}}} | class = {{{class|}}} }}</includeonly><noinclude>{{doc}}</noinclude> 1d35e1343609ab44eadde8934391c5ff5cb07ae3 10 149 165 2024-09-19T18:46:55Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #REDIRECT [[Template:Ambox/doc]] 286a3914c1d2770ff27394ac3d3f36a685542cb8 14 150 166 2024-09-19T18:46:57Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 151 167 2024-09-19T18:46:58Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is the top-level category. It contains meta categories and pages about the wiki. 8935f2b3e97edfeadd7bb206f1e17c03099ec24a 14 152 168 2024-09-19T18:46:59Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 153 169 2024-09-19T18:47:01Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 154 170 2024-09-19T18:47:02Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 155 171 2024-09-19T18:47:03Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki These categories are hidden on article pages. [[Category:Wiki maintenance]] e4d17499a8377d3f2b4b4a618a671e53111f43ca 14 156 172 2024-09-19T18:47:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Media]] b141d2b9971d6efe9f59bd03449781e71411c631 14 157 173 2024-09-19T18:47:05Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 158 174 2024-09-19T18:47:06Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Template documentation]] e65ecf60878d4707b3b4c1e3962615e2d5f3b2ab 14 159 175 2024-09-19T18:47:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 160 176 2024-09-19T18:47:08Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 161 177 2024-09-19T18:47:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 14 162 178 2024-09-19T18:47:10Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 163 179 2024-09-19T18:47:11Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 164 180 2024-09-19T18:47:12Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 165 181 2024-09-19T18:47:12Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 14 166 182 2024-09-19T18:47:13Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 167 183 2024-09-19T18:47:14Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 168 184 2024-09-19T18:47:16Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 169 185 2024-09-19T18:47:17Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ __HIDDENCAT__ [[Category:Wiki maintenance]] 57e36e9878c3eb806aa6ee6f748a5c5e0cdd5a97 14 170 186 2024-09-19T18:47:18Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 171 187 2024-09-19T18:47:19Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 172 188 2024-09-19T18:47:20Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 173 189 2024-09-19T18:47:21Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __HIDDENCAT__ [[Category:Wiki maintenance]] 5f66cb55d9f6d00a2b708f502911f1eb94dca6b5 14 174 190 2024-09-19T18:47:22Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 175 191 2024-09-19T18:47:23Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 176 192 2024-09-19T18:47:24Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 177 193 2024-09-19T18:47:26Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 178 194 2024-09-19T18:47:27Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 179 195 2024-09-19T18:47:28Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 180 196 2024-09-19T18:47:29Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 181 197 2024-09-19T18:47:30Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 182 198 2024-09-19T18:47:31Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 183 199 2024-09-19T18:47:32Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 184 200 2024-09-19T18:47:33Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 185 201 2024-09-19T18:47:34Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Wiki maintenance]] 197b5fc8ebad5537759adacc0079b4b2662cb4c4 14 186 202 2024-09-19T18:47:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 187 203 2024-09-19T18:47:37Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 188 204 2024-09-19T18:47:39Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 189 205 2024-09-19T18:47:40Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 190 206 2024-09-19T18:47:41Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 191 207 2024-09-19T18:47:42Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki Official images used for purposes of promoting the game, that may not actually represent gameplay. [[Category:Images]] 80b893c439747ce681cf18cc579c3bc4c65cd502 14 192 208 2024-09-19T18:47:43Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Wiki maintenance]] 786037995b8f7e89762a8ea13b84ade091453c00 14 193 209 2024-09-19T18:47:44Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Templates]] [[Category:Wiki maintenance]] c1800be0da4588b3b652fa5324aade2c496fb3c5 14 194 210 2024-09-19T18:47:46Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:{{SITENAME}}]] dd8aaa34cf600c1567d240a3f4bc615164a11592 14 195 211 2024-09-19T18:47:47Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki __EXPECTUNUSEDCATEGORY__ [[Category:Templates]] [[Category:Wiki maintenance]] b1ff76c0593194e53e6bf42f37ca337a5493c57e 14 196 212 2024-09-19T18:48:03Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki The sub-categories of this category contain pages that have been identified as needing attention for one or more of the following reasons: * Changes have been suggested that should be discussed first or are under discussion. * The page has flaws that need addressing by an editor with the knowledge or skills to help. * The action the page needs requires special rights. ''See also:'' * [[Special:BrokenRedirects|Broken redirects]] * [[Special:DoubleRedirects|Double redirects]] * [[Special:UncategorizedCategories|Uncategorized categories]] * [[Special:UncategorizedFiles|Uncategorized files]] * [[Special:UncategorizedPages|Uncategorized pages]] * [[Special:UncategorizedTemplates|Uncategorized templates]] * [[Special:WantedCategories|Wanted categories]] * [[Special:WantedFiles|Wanted files]] * [[Special:WantedPages|Wanted pages]] * [[Special:WantedTemplates|Wanted templates]] * [[Special:TrackingCategories|Other special tracking categories]] [[Category:{{SITENAME}}]] 4b90dc0dbd8c91e131e4ffcf22360b1c837b9717 14 197 213 2024-09-19T18:48:04Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki [[Category:Images]] 8820b63e35aedd9d2666fe40b965d4e91ce0a106 828 198 214 2024-09-19T18:48:06Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain local p = {} function p.merge() local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end return args end return p 1d1b2105bd857dcc5e33c8c0a8a780f67cbae72e 828 199 215 2024-09-19T18:48:07Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki This is a basic module for processing args. Usage: <syntaxhighlight lang="lua"> local util_args = require('Module:ArgsUtil') local p = {} function p.main(frame) local args = util_args.merge() -- it is not necessary to pass a `frame` object; `merge` will generate its own mw.logObject(args) -- `args` now contains args passed via the template merged with defaults provided directly via the invoke. -- anything the user sent via the template will be given priority. end return p </syntaxhighlight> == Extending this module == By design, {{ml|ArgsUtil}} is shipped with only a single function and no customization available; this simplifies documentation and covers nearly all use cases. An extended version of this module is available at [[support:Module:ArgsUtil|Module:ArgsUtil on the support wiki]] if you want additional functionality; and you can of course feel free to modify this module on your own wiki as needed. 6fc2a23dcff62ac5a222903e46bc56c07b0a2b1f 828 200 216 2024-09-19T18:48:08Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain -- version 0.1.4 -------------------------------------- -- User settings, you can modify these -------------------------------------- -- if you want to not always use divs in your wiki (as opposed to tables), you can change this default -- just remember to change it back each time you update from the main "branch" on the support wiki! -- you can also control it per infobox with `|useDivs=yes` or `|useDivs=no` local USE_DIVS = true -- `false` or `true` -- default value to show if a param is missing in some but not all tabs. -- set to `nil` (not in quotes) to remove such rows altogether in the tabs where they're missing local TABBED_NONEXIST = nil -- `''` or `nil` or `'N/A'` etc. Don't put nil in quotes. --------------------------------------------------------------------------- -- Do not modify anything below this line unless you know what you're doing --------------------------------------------------------------------------- local h = {} local p = {} local hooks = {} function p.arraymap(frame) -- a lua implementation of Page Forms' arraymap local args = h.overwrite() local items = h.split(args[1], args[2] or ',') for i, item in ipairs(items) do items[i] = args[4]:gsub(args[3], item) end return table.concat(items, args[5] or ',') end function p.preprocess(frame) return frame:preprocess(frame.args[1] or frame:getParent().args[1]) end function p.main(frame) h.registerHooks() h.increment() local args = h.overwrite() local sep = args.sep or ',' h.castArgs(args, sep) h.setMainImage(args.images[1]) return h.makeInfobox(args, sep) end function h.registerHooks() if not mw.title.new('Module:Infobox/Hooks').exists then return end hooks = require('Module:Infobox/Hooks') end function h.runHook(key, ...) if hooks[key] then hooks[key](...) end end function h.increment() -- optional use of VariablesLua for better compatibility local VariablesLua = mw.ext.VariablesLua if VariablesLua == nil then h.counter = mw.getCurrentFrame():callParserFunction('#var', {'DRUID_INFOBOX_ID', 0}) + 1 mw.getCurrentFrame():callParserFunction('#vardefine', {'DRUID_INFOBOX_ID', h.counter}) else h.counter = VariablesLua.var('DRUID_INFOBOX_ID', 0) + 1 VariablesLua.vardefine('DRUID_INFOBOX_ID', h.counter) end end function h.castArgs(args, sep) h.runHook('onCastArgsStart', args, sep, args.kind) args.tabs = h.split(args.tabs or args.image_labels, sep) args.images = h.getImages(args, sep) args.sections = h.split(args.sections, sep) for _, section in ipairs(args.sections) do args[section] = h.split(args[section], sep) args[section .. '_tabs'] = h.split(args[section .. '_tabs'], sep) if #args.tabs > 0 and #args[section .. '_tabs'] > 0 then error(('You cannot specify |tabs= and |%s= at the same time, please pick one'):format(section .. '_tabs')) end end if args.useDivs then USE_DIVS = h.castBool(args.useDivs) end -- this would be in the outer scope, but we're hiding it h.entityType = USE_DIVS and 'div' or 'table' -- key of h.htmlEntities h.runHook('onCastArgsEnd', args, sep, args.kind) end function h.getImages(args, sep) if args.image and not args.images then args.images = args.image end if args.images then return h.split(args.images, sep) end if not args.tabs then return {} end local ret = {} for _, key in ipairs(args.tabs) do if args[key .. '_image'] then ret[#ret+1] = args[key .. '_image'] end end return ret end function h.setMainImage(file) if not file then return end local fileText = file:gsub('.-:', '') fileText = fileText:gsub('^([^|%]]+).*', '%1') mw.getCurrentFrame():callParserFunction{ name = '#setmainimage', args = { fileText }, } end function h.makeInfobox(args, sep) local out = mw.html.create(h.getTag('container')) :addClass('druid-infobox') :addClass('druid-container') :addClass(args.class) -- warning: class can be nil, don't concat anything :attr('id', args.id or ('druid-container-' .. h.counter)) if args.kind then out:addClass('druid-container-' .. h.escape(args.kind)) end h.printTitle(out, args) h.printImages(out, args.images, args) for _, section in ipairs(args.sections) do -- cannot begin tagging here because we don't know if any applicable args are present local cols = args[section .. '_columns'] local makeSection = cols and h.makeGridSection or h.makeSection out:node(makeSection(section, args[section], args, tonumber(cols))) end return out end function h.printTitle(out, args) local tabs = args.tabs if not tabs or #tabs == 0 then h.printSimpleTitle(out, args) return end if not h.hasComplexData('title', tabs, args) then h.printSimpleTitle(out, args) return end local node = h.printTitleWrapper(out) h.printTabbedDataItem(node, 'title', tabs, args) end function h.printSimpleTitle(out, args) if args.title then local node = h.printTitleWrapper(out) node:wikitext(args.title) end end function h.printTitleWrapper(out) return out:tag(h.getTag('titleOuter')) :tag(h.getTag('titleInner')) :addClass('druid-title') :attr('colspan', 2) end function h.printTabbedDataItem(node, item, tabs, args) -- hasData isn't used in the title case but we will need to track this -- when we're printing section data later on -- so we'll just track it always local hasData = false for i, label in ipairs(tabs) do local div = node:tag('div') :addClass('druid-toggleable-data') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :attr('data-druid-from-tab', label) if h.getTabbedContent(args, label, item) then hasData = true div:wikitext('\n\n' .. h.getTabbedContent(args, label, item)) div:addClass('druid-toggleable-data-nonempty') else div:addClass('druid-toggleable-data-empty') end -- @HACK this should really be handled better in the parent function if item ~= 'title' then div:addClass('druid-data') end if i == 1 then div:addClass('focused') end end return hasData end function h.printImages(out, images, args) if #images == 0 and #args.tabs == 0 then return end -- burden is on the user to format this as an image. this should be done in the infobox template, -- with something like |image={{#if:{{{image|}}}|[[File:{{{image|}}}{{!}}300px{{!}}link=]]}} local td = out:tag(h.getTag('section')) :addClass('druid-section-container') :tag(h.getTag('cell')) :attr('colspan', 2) local tabs = args.tabs local tabTexts = h.getImageTabTexts(tabs, images, args) h.printTabs(td, tabTexts) if #images == 0 then return end if #images == 1 then td:addClass('druid-main-image') :wikitext(images[1]) return end td:addClass('druid-main-images') local imagesContainer = td:tag('div') :addClass('druid-main-images-files') for i, image in ipairs(images) do local container = imagesContainer:tag('div') :addClass('druid-main-images-file') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(image) local labelText if tabs[i] then labelText = args[tabs[i] .. '_label'] or tabs[i] else labelText = '[[Category:Infoboxes missing image labels]]Image ' .. i end if args[labelText .. '_caption'] then container:tag('div') :addClass('druid-main-images-caption') :wikitext(args[labelText .. '_caption']) end if i == 1 then container:addClass('focused') end end end function h.getImageTabTexts(tabs, images, args) if #tabs == 0 and #images <= 1 then return {} end local texts = {} local i = 1 while images[i] or tabs[i] do if tabs[i] then texts[i] = args[tabs[i] .. '_label'] or tabs[i] else texts[i] = '[[Category:Infoboxes missing image labels]]Image ' .. i end i = i + 1 end return texts end function h.printTabs(td, texts, isSection) if #texts == 0 then return end local container = td:tag('div') :addClass('druid-main-images-labels') :addClass('druid-tabs') if isSection then container:addClass('druid-section-tabs') end for i, item in ipairs(texts) do h.printTab(container, item, i, isSection) end end function h.printTab(container, text, i, isSection) local label = container:tag('div') :addClass('druid-main-images-label') :addClass('druid-tab') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(text) if isSection then label:addClass('druid-section-tab') else label:addClass('druid-title-tab') end if i == 1 then label:addClass('focused') end end function h.makeGridSection(section, sectionFields, args, numCols) local numItems = h.countItems(sectionFields, section, args) if numItems == 0 then return end local node = mw.html.create(h.getTag('section')) :addClass('druid-section-container') h.printSectionHeader(node, section, args) h.printSectionTabs(node, section, args) local tr = node:tag(h.getTag('row')) :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end local grid = tr:tag(h.getTag('cell')) :attr('colspan', 2) :addClass('druid-grid-section') :addClass('druid-grid-section-' .. h.escape(section)) :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything :tag('div') :addClass('druid-grid') local row, col, i = 1, 1, 1 local sizeOfLastRow = numItems % numCols local lcm = h.getNumGridCols(numItems, sizeOfLastRow, numCols) grid:css('grid-template-columns', ('repeat(%s, 1fr)'):format(lcm)) local size = lcm / numCols for _, item in ipairs(sectionFields) do local node = mw.html.create('div') local shouldPrint = h.printData(node, item, section, args) if shouldPrint then if i == numItems - sizeOfLastRow + 1 then size = lcm / sizeOfLastRow end i = i + 1 local gStart = (col - 1) * size + 1 local gEnd = (col) * size + 1 local itemContainer = grid:tag('div') :addClass('druid-grid-item') :addClass('druid-grid-item-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :css('grid-column', ('%s / %s'):format(gStart, gEnd)) :css('grid-row', row) if not h.castBool(args[item .. '_nolabel']) then h.printLabel(itemContainer:tag('div'), item, args) end itemContainer:node(node) if col == numCols then row = row + 1 col = 1 else col = col + 1 end end end return node end function h.makeSection(section, sectionFields, args) if section == '' then return end -- bruteforce fix for trailing commas local shouldPrint = false local container = mw.html.create(h.getTag('section')) :addClass('druid-section-container') :addClass(args[section .. '_class']) -- warning: class can be nil, don't concat anything h.printSectionHeader(container, section, args) h.printSectionTabs(container, section, args) for _, item in ipairs(sectionFields) do local node = mw.html.create(h.getTag('cell')) local shouldPrintItem = h.printData(node, item, section, args) if shouldPrintItem then shouldPrint = true local tr = container:tag(h.getTag('row')) :addClass('druid-row') :addClass('druid-row-' .. h.escape(item)) :addClass(args[item .. '_class']) -- warning: class can be nil, don't concat anything :attr('data-druid-section-row', h.escape(section)) if args[section .. '_collapsed'] then tr:addClass('druid-collapsed') end if h.castBool(args[item .. '_wide']) or h.castBool(args[item .. '_nolabel']) then node :attr('colspan', 2) :addClass('druid-data-wide') else h.printLabel(tr:tag(h.getTag('label')), item, args) end tr:node(node) end end if not shouldPrint then return nil end return container end function h.countItems(sectionFields, section, args) local numItems = 0 for _, v in ipairs(sectionFields) do -- we aren't actually printing here, but we're finding out if we should print anything -- because we need the count of columns before we print anything in grid data if h.printData(mw.html.create(), v, section, args) then numItems = numItems + 1 end end return numItems end function h.getNumGridCols(numItems, sizeOfLastRow, numCols) if not numCols then return numItems, 1 end if numItems < numCols then return numItems, 1 end if sizeOfLastRow == 0 then return numCols, 1 end local a, b = sizeOfLastRow, numCols while b ~= 0 do a, b = b, a % b end local lcm = sizeOfLastRow * numCols / a return lcm end function h.printLabel(node, item, args) return node :addClass('druid-label') :addClass('druid-label-' .. h.escape(item)) :wikitext(args[item .. '_display'] or args[item .. '_label'] or item) end function h.printData(node, item, section, args) -- prints data to the node -- and also returns whether the item is nonempty or not local hasData = false local sectionTabs = args[section .. '_tabs'] local tabs = args.tabs if sectionTabs and #sectionTabs > 0 then tabs = sectionTabs end if not tabs or #tabs == 0 then return h.printSimpleData(node, item, args) end if not h.hasComplexData(item, tabs, args) then return h.printSimpleData(node, item, args) end hasData = hasData or h.printTabbedDataItem(node, item, tabs, args) return hasData end function h.getTabbedContent(args, label, item) return args[label .. '_' .. item] or args[item] or TABBED_NONEXIST end function h.printSimpleData(node, item, args) if args[item] and type(args[item]) ~= 'string' then error(("Invalid use of field %s as both a section and a data value"):format(item)) end if not args[item] then return false end node:addClass('druid-data') :addClass('druid-data-' .. h.escape(item)) :addClass('druid-data-nonempty') :wikitext('\n\n' .. args[item]) return true end function h.hasComplexData(item, tabs, args) for _, v in ipairs(tabs) do if args[v .. '_' .. item] then return true end end return false end function h.printSectionHeader(node, section, args) if h.castBool(args[section .. '_nolabel']) then return end local tr = node:tag(h.getTag('row')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTitle')) :attr('colspan', 2) :addClass('druid-section') :addClass('druid-section-' .. h.escape(section)) if args[section .. '_collapsible'] then tr:addClass('druid-collapsible') if args[section .. '_collapsed'] then tr:addClass('druid-collapsible-collapsed') end end local emptySections = {} for _, label in ipairs(args.tabs) do local hasLabel = false for _, item in ipairs(args[section] or {}) do if h.getTabbedContent(args, label, item) then hasLabel = true end end if not hasLabel then emptySections[label] = true end end if not next(emptySections) then th:wikitext(args[section .. '_label'] or section) return end for i, label in ipairs(args.tabs) do local div = th:tag('div') :addClass('druid-toggleable-heading') :addClass('druid-toggleable') :attr('data-druid', h.counter .. '-' .. i) :wikitext(args[section .. '_label'] or section) -- we are going to print the section content even in empty nodes -- for compatibility with browsers without :has, where hiding empty rows won't happen if emptySections[label] then div:addClass('druid-toggleable-heading-empty') end if i == 1 then div:addClass('focused') end end end function h.printSectionTabs(node, section, args) local tabs = args[section .. '_tabs'] if not tabs or #tabs == 0 then return end local tr = node:tag(h.getTag('sectionTabsOuter')) :attr('data-druid-section', h.escape(section)) local th = tr:tag(h.getTag('sectionTabs')) :attr('colspan', 2) :addClass('druid-section-tabs') :addClass('druid-section-' .. h.escape(section)) local texts = {} for i, item in ipairs(tabs) do texts[i] = args[item .. '_label'] or item end h.printTabs(th, texts, true) end ---------------------------- -- general utility functions ---------------------------- function h.overwrite() -- this is a generic utility function that collects args from the invoke call & the parent template. -- normally, you merge args with parent template overwriting the invoke call, but -- since we'll be putting markup/formatting into our invoke call, -- we actually want to overwrite what the user sent. local f = mw.getCurrentFrame() local origArgs = f.args local parentArgs = f:getParent().args local args = {} for k, v in pairs(parentArgs) do v = mw.text.trim(v) if v ~= '' then args[k] = v end end for k, v in pairs(origArgs) do v = mw.text.trim(tostring(v)) if v ~= '' then args[k] = v end end return args end -- generic utility functions -- these would normally be provided by other modules, but to make installation easy -- I'm including everything here function h.split(text, pattern, plain) if not text then return {} end local ret = {} for m in h.gsplit(text, pattern, plain) do ret[#ret+1] = m end return ret end function h.gsplit( text, pattern, plain ) if not pattern then pattern = ',' end if not plain then pattern = '%s*' .. pattern .. '%s*' end local s, l = 1, text:len() return function () if s then local e, n = text:find( pattern, s, plain ) local ret if not e then ret = text:sub( s ) s = nil elseif n < e then -- Empty separator! ret = text:sub( s, e ) if e < l then s = e + 1 else s = nil end else ret = e > s and text:sub( s, e - 1 ) or '' s = n + 1 end return ret end end, nil, nil end function h.escape(s) s = s:gsub(' ', '') :gsub('"', '') :gsub("'", '') :gsub("%?", '') :gsub("%%", '') :gsub("%[", '') :gsub("%]", '') :gsub("{", '') :gsub("}", '') :gsub("!", '') return s end -- normally I would make these constants at the top of the file -- but I don't want to mistake them with user-set constants h.boolFalse = { ['false'] = true, ['no'] = true, [''] = true, ['0'] = true, ['nil'] = true } function h.castBool(x) if not x then return false end return not h.boolFalse[tostring(x):lower()] end h.htmlEntities = { table = { container = 'table', titleOuter = 'tr', titleInner = 'th', section = '', sectionTitle = 'th', sectionTabsOuter = 'tr', sectionTabs = 'td', row = 'tr', label = 'th', cell = 'td', }, div = { container = 'div', titleOuter = 'div', titleInner = 'div', section = 'div', sectionTitle = 'div', sectionTabsOuter = 'div', sectionTabs = 'div', row = 'div', label = 'div', cell = 'div', } } function h.getTag(key) -- try not to totally fail here return h.htmlEntities[h.entityType or 'div'][key] end return p 4d288a70bf6064b20856a6f92709666c19f81c2f 828 201 217 2024-09-19T18:48:09Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{luadoc}} This module enables the creation of [[support:DRUID infoboxes|DRUID infoboxes]]. 2b023f1deb004fc1cb66271c10ccc2d99cc17c3d 828 202 218 2024-09-19T18:48:10Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain local p = {} local getArgs -- lazily initialized local args local format = string.format local function get_title_arg(is_collapsible, template) local title_arg = 1 if is_collapsible then title_arg = 2 end if template then title_arg = 'template' end return title_arg end local function add_link(link_description, ul, is_mini) local l if link_description.url then l = {'[', '', ']'} else l = {'[[', '|', ']]'} end ul:tag('li') :addClass('nv-' .. link_description.full) :wikitext(l[1] .. link_description.link .. l[2]) :tag(is_mini and 'abbr' or 'span') :attr('title', link_description.html_title) :wikitext(is_mini and link_description.mini or link_description.full) :done() :wikitext(l[3]) :done() end local function make_list(title_text, has_brackets, is_mini) local title = mw.title.new(mw.text.trim(title_text), 'Template') if not title then error('Invalid title ' .. title_text) end local talkpage = title.talkPageTitle and title.talkPageTitle.fullText or '' local link_descriptions = { { ['mini'] = 'v', ['full'] = 'view', ['html_title'] = 'View this template', ['link'] = title.fullText, ['url'] = false }, { ['mini'] = 'e', ['full'] = 'edit', ['html_title'] = 'Edit this template', ['link'] = title:fullUrl('action=edit'), ['url'] = true }, { ['mini'] = 'h', ['full'] = 'hist', ['html_title'] = 'History of this template', ['link'] = title:fullUrl('action=history'), ['url'] = true }, } local ul = mw.html.create('ul') if has_brackets then ul:addClass('navbar-brackets') end for _, description in ipairs(link_descriptions) do add_link(description, ul, is_mini) end return ul:done() end local function navbar(args) local is_collapsible = args.collapsible local is_mini = args.mini local is_plain = args.plain local collapsible_class = nil if is_collapsible then collapsible_class = 'navbar-collapse' if not is_plain then is_mini = 1 end end local div = mw.html.create():tag('div') div :addClass('navbar') :addClass('plainlinks') :addClass('hlist') :addClass(collapsible_class) -- we made the determination earlier if is_mini then div:addClass('navbar-mini') end local box_text = (args.text or 'This box: ') .. ' ' -- the concatenated space guarantees the box text is separated if not (is_mini or is_plain) then div :tag('span') :addClass('navbar-boxtext') :wikitext(box_text) end local template = args.template local has_brackets = args.brackets local title_arg = get_title_arg(is_collapsible, template) local title_text = args[title_arg] or (':' .. mw.getCurrentFrame():getParent():getTitle()) local list = make_list(title_text, has_brackets, is_mini) div:node(list) if is_collapsible then local title_text_class if is_mini then title_text_class = 'navbar-ct-mini' else title_text_class = 'navbar-ct-full' end div:done() :tag('div') :addClass(title_text_class) :wikitext(args[1]) end return tostring(div:done()) end local function striped(wikitext, border) -- Return wikitext with markers replaced for odd/even striping. -- Child (subgroup) navboxes are flagged with a category that is removed -- by parent navboxes. The result is that the category shows all pages -- where a child navbox is not contained in a parent navbox. if border == 'subgroup' and args['orphan'] ~= 'yes' then -- No change; striping occurs in outermost navbox. return wikitext end local first, second = 'odd', 'even' if args['evenodd'] then if args['evenodd'] == 'swap' then first, second = second, first else first = args['evenodd'] second = first end end local changer if first == second then changer = first else local index = 0 changer = function (code) if code == '0' then -- Current occurrence is for a group before a nested table. -- Set it to first as a valid although pointless class. -- The next occurrence will be the first row after a title -- in a subgroup and will also be first. index = 0 return first end index = index + 1 return index % 2 == 1 and first or second end end return (wikitext:gsub('\127_ODDEVEN(%d?)_\127', changer)) -- () omits gsub count end local function processItem(item, nowrapitems) if item:sub(1, 2) == '{|' then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return '\n' .. item ..'\n' end if nowrapitems == 'yes' then local lines = {} for line in (item .. '\n'):gmatch('([^\n]*)\n') do local prefix, content = line:match('^([*:;#]+)%s*(.*)') if prefix and not content:match('^<span class="nowrap">') then line = format('%s<span class="nowrap">%s</span>', prefix, content) end table.insert(lines, line) end item = table.concat(lines, '\n') end if item:match('^[*:;#]') then return '\n' .. item ..'\n' end return item end -- we will want this later when we want to add tstyles for hlist/plainlist local function has_navbar() return args['navbar'] ~= 'off' and args['navbar'] ~= 'plain' and ( args['name'] or mw.getCurrentFrame():getParent():getTitle():gsub('/sandbox$', '') ~= 'Template:Navbox' ) end local function renderNavBar(titleCell) if has_navbar() then titleCell:wikitext(navbar{ [1] = args['name'], ['mini'] = 1, }) end end local function renderTitleRow(tbl) if not args['title'] then return end local titleRow = tbl:tag('tr') local titleCell = titleRow:tag('th'):attr('scope', 'col') local titleColspan = 2 if args['imageleft'] then titleColspan = titleColspan + 1 end if args['image'] then titleColspan = titleColspan + 1 end titleCell :addClass('navbox-title') :attr('colspan', titleColspan) renderNavBar(titleCell) titleCell :tag('div') -- id for aria-labelledby attribute :attr('id', mw.uri.anchorEncode(args['title'])) :addClass('navbox-title-text') :wikitext(processItem(args['title'])) tbl:tag('tr') :addClass('navbox-spacer') end local function getAboveBelowColspan() local ret = 2 if args['imageleft'] then ret = ret + 1 end if args['image'] then ret = ret + 1 end return ret end local function renderAboveRow(tbl) if not args['above'] then return end tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') -- id for aria-labelledby attribute, if no title :attr('id', args['title'] and nil or mw.uri.anchorEncode(args['above'])) :wikitext(processItem(args['above'], args['nowrapitems'])) tbl:tag('tr') :addClass('navbox-spacer') end local function renderBelowRow(tbl) if not args['below'] then return end tbl:tag('tr') :addClass('navbox-spacer') tbl:tag('tr') :tag('td') :addClass('navbox-abovebelow') :attr('colspan', getAboveBelowColspan()) :tag('div') :wikitext(processItem(args['below'], args['nowrapitems'])) end local function renderListRow(tbl, index, listnum, listnums_size) if index > 1 then tbl:tag('tr') :addClass('navbox-spacer') end local row = tbl:tag('tr') if index == 1 and args['imageleft'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 2px 0 0') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['imageleft'])) end local group_and_num = format('group%d', listnum) if args[group_and_num] then local groupCell = row:tag('th') -- id for aria-labelledby attribute, if lone group with no title or above if listnum == 1 and not (args['title'] or args['above'] or args['group2']) then groupCell :attr('id', mw.uri.anchorEncode(args['group1'])) end groupCell :attr('scope', 'row') :addClass('navbox-group') groupCell :wikitext(args[group_and_num]) end local listCell = row:tag('td') if args[group_and_num] then listCell :addClass('navbox-list-with-group') else listCell:attr('colspan', 2) end local list_and_num = format('list%d', listnum) local listText = args[list_and_num] local oddEven = '\127_ODDEVEN_\127' if listText:sub(1, 12) == '</div><table' then -- Assume list text is for a subgroup navbox so no automatic striping for this row. oddEven = listText:find('<th[^>]*"navbox%-title"') and '\127_ODDEVEN0_\127' or 'odd' end local listclass_and_num = format('list%dclass', listnum) listCell :addClass('navbox-list') :addClass('navbox-' .. oddEven) :addClass(args['listclass']) :addClass(args[listclass_and_num]) :tag('div') :wikitext(processItem(listText, args['nowrapitems'])) if index == 1 and args['image'] then row :tag('td') :addClass('noviewer') :addClass('navbox-image') :css('width', '1px') -- Minimize width :css('padding', '0 0 0 2px') :attr('rowspan', listnums_size) :tag('div') :wikitext(processItem(args['image'])) end end local function renderMainTable(border, listnums) local tbl = mw.html.create('table') :addClass('nowraplinks') local state = args['state'] if args['title'] and state ~= 'plain' and state ~= 'off' then if state == 'collapsed' then state = 'mw-collapsed' end tbl :addClass('mw-collapsible') :addClass(state or 'autocollapse') end if border == 'subgroup' or border == 'none' then tbl :addClass('navbox-subgroup') else -- regular navbox tbl :addClass('navbox-inner') end renderTitleRow(tbl) renderAboveRow(tbl) local listnums_size = #listnums for i, listnum in ipairs(listnums) do renderListRow(tbl, i, listnum, listnums_size) end renderBelowRow(tbl) return tbl end function p._navbox(navboxArgs) args = navboxArgs local listnums = {} for k, _ in pairs(args) do if type(k) == 'string' then local listnum = k:match('^list(%d+)$') if listnum then table.insert(listnums, tonumber(listnum)) end end end table.sort(listnums) local border = mw.text.trim(args['border'] or args[1] or '') if border == 'child' then border = 'subgroup' end -- render the main body of the navbox local tbl = renderMainTable(border, listnums) local res = mw.html.create() -- render the appropriate wrapper for the navbox, based on the border param if border == 'none' then local nav = res:tag('div') :attr('role', 'navigation') :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode( args['title'] or args['above'] or args['group1'] ) ) else nav:attr('aria-label', 'Navbox') end elseif border == 'subgroup' then -- We assume that this navbox is being rendered in a list cell of a -- parent navbox, and is therefore inside a div with padding:0em 0.25em. -- We start with a </div> to avoid the padding being applied, and at the -- end add a <div> to balance out the parent's </div> res :wikitext('</div>') :node(tbl) :wikitext('<div>') else local nav = res:tag('div') :attr('role', 'navigation') :addClass('navbox') :addClass(args['class']) :node(tbl) -- aria-labelledby title, otherwise above, otherwise lone group if args['title'] or args['above'] or (args['group1'] and not args['group2']) then nav:attr( 'aria-labelledby', mw.uri.anchorEncode(args['title'] or args['above'] or args['group1']) ) else nav:attr('aria-label', 'Navbox') end end return striped(tostring(res), border) end function p.navbox(frame) if not getArgs then getArgs = require('Module:ArgsUtil').merge end args = getArgs() -- Read the arguments in the order they'll be output in, to make references -- number in the right order. local _ _ = args['title'] _ = args['above'] -- Limit this to 20 as covering 'most' cases (that's a SWAG) and because -- iterator approach won't work here for i = 1, 20 do _ = args[format('group%d', i)] _ = args[format('list%d', i)] end _ = args['below'] return p._navbox(args) end return p b883ff63b1b77f6419fcf3bb09db9d456e3839bb 828 203 219 2024-09-19T18:48:11Z RheingoldRiver 2743 Adding default set of pages Scribunto text/plain -- This implements Template:Tlg local getArgs = require('Module:ArgsUtil').merge local p = {} -- Is a string non-empty? local function _ne(s) return s ~= nil and s ~= "" end local nw = mw.text.nowiki local function addTemplate(s) local i, _ = s:find(':', 1, true) if i == nil then return 'Template:' .. s end local ns = s:sub(1, i - 1) if ns == '' or mw.site.namespaces[ns] then return s else return 'Template:' .. s end end local function trimTemplate(s) local needle = 'template:' if s:sub(1, needle:len()):lower() == needle then return s:sub(needle:len() + 1) else return s end end local function linkTitle(args) if _ne(args.nolink) then return args[1] end local titleObj local titlePart = '[[' if args[1] then -- This handles :Page and other NS titleObj = mw.title.new(args[1], 'Template') else titleObj = mw.title.getCurrentTitle() end titlePart = titlePart .. (titleObj ~= nil and titleObj.fullText or addTemplate(args[1])) local textPart = args.alttext if not _ne(textPart) then if titleObj ~= nil then textPart = titleObj:inNamespace("Template") and args[1] or titleObj.fullText else -- redlink textPart = args[1] end end if _ne(args.subst) then -- HACK: the ns thing above is probably broken textPart = 'subst:' .. textPart end if _ne(args.brace) then textPart = nw('{{') .. textPart .. nw('}}') elseif _ne(args.braceinside) then textPart = nw('{') .. textPart .. nw('}') end titlePart = titlePart .. '|' .. textPart .. ']]' if _ne(args.braceinside) then titlePart = nw('{') .. titlePart .. nw('}') end return titlePart end function p.main(frame) local args = getArgs() return p._main(args) end function p._main(args) local bold = _ne(args.bold) or _ne(args.boldlink) or _ne(args.boldname) local italic = _ne(args.italic) or _ne(args.italics) local dontBrace = _ne(args.brace) or _ne(args.braceinside) local code = _ne(args.code) or _ne(args.tt) local show_result = _ne(args._show_result) local expand = _ne(args._expand) -- Build the link part local titlePart = linkTitle(args) if bold then titlePart = "'''" .. titlePart .. "'''" end if _ne(args.nowrapname) then titlePart = '<span class="nowrap">' .. titlePart .. '</span>' end -- Build the arguments local textPart = "" local textPartBuffer = "&#124;" local codeArguments = {} local codeArgumentsString = "" local i = 2 local j = 1 while args[i] do local val = args[i] if val ~= "" then if _ne(args.nowiki) then -- Unstrip nowiki tags first because calling nw on something that already contains nowiki tags will -- mangle the nowiki strip marker and result in literal UNIQ...QINU showing up val = nw(mw.text.unstripNoWiki(val)) end local k, v = string.match(val, "(.*)=(.*)") if not k then codeArguments[j] = val j = j + 1 else codeArguments[k] = v end codeArgumentsString = codeArgumentsString .. textPartBuffer .. val if italic then val = '<span style="font-style:italic;">' .. val .. '</span>' end textPart = textPart .. textPartBuffer .. val end i = i + 1 end -- final wrap local ret = titlePart .. textPart if not dontBrace then ret = nw('{{') .. ret .. nw('}}') end if _ne(args.a) then ret = nw('*') .. '&nbsp;' .. ret end if _ne(args.kbd) then ret = '<kbd>' .. ret .. '</kbd>' end if code then ret = '<code>' .. ret .. '</code>' elseif _ne(args.plaincode) then ret = '<code style="border:none;background:transparent;">' .. ret .. '</code>' end if _ne(args.nowrap) then ret = '<span class="nowrap">' .. ret .. '</span>' end --[[ Wrap as html?? local span = mw.html.create('span') span:wikitext(ret) --]] if _ne(args.debug) then ret = ret .. '\n<pre>' .. mw.text.encode(mw.dumpObject(args)) .. '</pre>' end if show_result then local result = mw.getCurrentFrame():expandTemplate{title = addTemplate(args[1]), args = codeArguments} ret = ret .. " → " .. result end if expand then local query = mw.text.encode('{{' .. addTemplate(args[1]) .. string.gsub(codeArgumentsString, textPartBuffer, "|") .. '}}') local url = mw.uri.fullUrl('special:ExpandTemplates', 'wpInput=' .. query) mw.log() ret = ret .. " [" .. tostring(url) .. "]" end return ret end return p 8cf3918c48e9ee8d379419775d7d7ce94257884f 828 204 220 2024-09-19T18:48:12Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{From Wikipedia|Module:Template link general}} 1a395265ccbd055518c1d14b52362cc148b89c81 0 206 223 2024-09-19T18:48:17Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki {{Example Character Infobox |title=Dragon |image=Example character image.png |Region=Shurima |Element=Fire |Attack=51 |HP=85 |Armor=34 |Attack Speed=78 }} Please note, this is NOT content related to {{SITENAME}}. It is an example page for the demonstration of [[support:DRUID Infoboxes|DRUID Infoboxes]]. Please delete this page at your earliest convenience! To edit how the infobox works, please see {{tl|Example Character Infobox}}. == About == The '''Example Character''' is a very cool character found in the Default Loadout Wiki. It is a dragon that can camouflage itself as a flower due to inventive and scientific reasons, and not because the artist is bad at drawing dragons. == Combat == The Example Character has several attacks, including: * Disguise Self As Flower * Flame Breath * Sneak Attack * Fireball * Dawizard == Dragon Riding == If the player tames the Example Character, they can perform several Dragon Riding stunts. See [[Dragon Riding]] for more information. == Levels == Example Character can be found in the following levels: * [[Introduction]] * [[Level 1]] * [[Level 3]] * [[Level 5]] * [[Bonus Content 6]] f70da02851c76716296fac13fa213446df14ffdd 0 1 226 1 2024-09-19T18:48:20Z RheingoldRiver 2743 Adding default set of pages wikitext text/x-wiki #redirect [[Thank Goodness You're Here Wiki]] 671dea9f40cab15f47549c8c288b37457f996397 227 226 2024-09-19T18:48:21Z RheingoldRiver 2743 Protected "[[Main Page]]" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) wikitext text/x-wiki #redirect [[Thank Goodness You're Here Wiki]] 671dea9f40cab15f47549c8c288b37457f996397 0 209 228 2024-09-20T04:24:08Z JustLeafy 396175 Redirected page to [[Thank Goodness You're Here!]] wikitext text/x-wiki #REDIRECT [[Thank Goodness You're Here!]] 821ded6eb99eab8c936e74f193527095ba804aea 0 210 229 2024-09-20T04:24:20Z JustLeafy 396175 Redirected page to [[Thank Goodness You're Here!]] wikitext text/x-wiki #REDIRECT [[Thank Goodness You're Here!]] 821ded6eb99eab8c936e74f193527095ba804aea 0 211 230 2024-09-20T04:30:14Z JustLeafy 396175 Created page with "{{Stub}} '''Barnsworth''' is a town and the setting of ''[[Thank Goodness, You're Here!]]''. It is in northern England. [[Category:Locations]]" wikitext text/x-wiki {{Stub}} '''Barnsworth''' is a town and the setting of ''[[Thank Goodness, You're Here!]]''. It is in northern England. [[Category:Locations]] 9b987a1448315dce8ad1e3da2e0da4809fc8053e 231 230 2024-09-20T04:30:30Z JustLeafy 396175 wikitext text/x-wiki {{Stub}} '''Barnsworth''' is a town and the setting of {{game}}. It is in northern England. [[Category:Locations]] a5840d678b4a06d290a3996800e2c329c3a0cf34 10 212 232 2024-09-20T04:30:59Z JustLeafy 396175 Created page with "''[[Thank Goodness, You're Here!]]''<noinclude> {{Documentation}} </noinclude>" wikitext text/x-wiki ''[[Thank Goodness, You're Here!]]''<noinclude> {{Documentation}} </noinclude> a58ddc39f3923ecca66796c3288e07e254cd576c 246 232 2024-09-20T05:10:13Z JustLeafy 396175 wikitext text/x-wiki ''[[Thank Goodness You're Here!]]''<noinclude> {{Documentation}} </noinclude> 36435265f3138ad4202e8ae15ab8782cca45977f 10 213 233 2024-09-20T04:31:43Z JustLeafy 396175 made this template cuz it'd be a mouthful to type it all wikitext text/x-wiki ==Description== This template is a shortcut for typing {{Game}}. ==Usage== {| class="wikitable" |- ! Template code !! Sample output |- | <code><nowiki>{{Game}}</nowiki></code> | {{Game}} |} <includeonly> [[Category:Templates]] </includeonly><noinclude> [[Category:Template documentation]] </noinclude> 4ad5319048807c95dc0cfcac279ecbf8c900cc26 6 214 234 2024-09-20T04:39:55Z JustLeafy 396175 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 216 239 2024-09-20T04:49:52Z JustLeafy 396175 Created page with "{{InfoboxGame |image=Thank Goodness You're Here!.jpg |Developer=Coal Supper |Publisher=Panic |Release date=1 August 2024 |Platforms=Microsoft Windows, macOS, Nintendo Switch, PS4, PS5 }} '''''{{subst:PAGENAME}}''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. == Premise == "''Thank Goodness You're Here! is an abs..." wikitext text/x-wiki {{InfoboxGame |image=Thank Goodness You're Here!.jpg |Developer=Coal Supper |Publisher=Panic |Release date=1 August 2024 |Platforms=Microsoft Windows, macOS, Nintendo Switch, PS4, PS5 }} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. == Premise == "''Thank Goodness You're Here! is an absurd comedy slapformer set in the bizarre Northern English town of Barnsworth. As a traveling salesman, take the time to see the sights and meet the locals, who are very eager to give you a series of increasingly odd jobs…''" '''~Official Steam description''' == External links == *[https://store.steampowered.com/app/2366980 Thank Goodness You're Here! on Steam] *[https://www.nintendo.com/us/store/products/thank-goodness-youre-here-switch/ Thank Goodness You're Here! for the Nintendo Switch] aecec73a5658ef42c9edeba46165727f691a4a9a 6 217 240 2024-09-20T04:52:12Z JustLeafy 396175 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 0 218 241 2024-09-20T05:03:47Z JustLeafy 396175 Created page with "[[File:Coal Supper.png|thumb|Developer logo]] '''Coal Supper''' is an English indie game studio from Yorkshire, UK.<ref>https://coalsupper.com/</ref> They are known for being the developers of ''[[Thank Goodness You're Here!]]'', making it their second commercial game. Their first commercial game is ''[https://store.steampowered.com/app/1200860 The Good Time Garden]'', a short freeware game. == External links == *[https://coalsupper.com/ Website] *[https://store.steampo..." wikitext text/x-wiki [[File:Coal Supper.png|thumb|Developer logo]] '''Coal Supper''' is an English indie game studio from Yorkshire, UK.<ref>https://coalsupper.com/</ref> They are known for being the developers of ''[[Thank Goodness You're Here!]]'', making it their second commercial game. Their first commercial game is ''[https://store.steampowered.com/app/1200860 The Good Time Garden]'', a short freeware game. == External links == *[https://coalsupper.com/ Website] *[https://store.steampowered.com/developer/coalsupper Steam developer page] *[https://www.youtube.com/@coalsupper YouTube channel] *[https://x.com/coalsupper X page] *[https://www.instagram.com/coalsupper Instagram page] *[https://www.tiktok.com/@coalsupper TikTok page] 0ace71847d07095639b862a39d0f55b0f9733388 242 241 2024-09-20T05:04:20Z JustLeafy 396175 wikitext text/x-wiki [[File:Coal Supper.png|thumb|Developer logo]] '''Coal Supper''' is an English indie game studio from Yorkshire, UK.<ref>https://coalsupper.com/</ref> They are known for being the developers of ''[[Thank Goodness You're Here!]]'', making it their second commercial game. Their first commercial game is ''[https://store.steampowered.com/app/1200860 The Good Time Garden]'', a short freeware game. == External links == *[https://coalsupper.com/ Website] *[https://store.steampowered.com/developer/coalsupper Steam developer page] *[https://www.youtube.com/@coalsupper YouTube channel] *[https://x.com/coalsupper X page] *[https://www.instagram.com/coalsupper Instagram page] *[https://www.tiktok.com/@coalsupper TikTok page] == References == <references/> 961621cac9cf312ddc7069f731569abf6ac87f50 244 242 2024-09-20T05:08:11Z JustLeafy 396175 wikitext text/x-wiki [[File:Coal Supper.png|thumb|Developer logo]] '''Coal Supper''' is an English indie game studio from Yorkshire, UK.<ref>https://coalsupper.com/</ref> They are known for being the developers of ''[[Thank Goodness You're Here!]]'', making it their second commercial game. Their first commercial game is ''[https://store.steampowered.com/app/1200860 The Good Time Garden]'', a short freeware game. == Members == Coal Supper consists of two members.<ref>https://coal-supper.itch.io/</ref> They are: *[https://www.instagram.com/james.carbutt/?hl=en James Carbutt] *[https://x.com/WontTodd Will Todd] == External links == *[https://coalsupper.com/ Website] *[https://store.steampowered.com/developer/coalsupper Steam developer page] *[https://www.youtube.com/@coalsupper YouTube channel] *[https://x.com/coalsupper X page] *[https://www.instagram.com/coalsupper Instagram page] *[https://www.tiktok.com/@coalsupper TikTok page] *[https://coal-supper.itch.io/ itch.io page] == References == <references/> 517a7db19574204a084ee5673ff5750c604d3061 245 244 2024-09-20T05:10:01Z JustLeafy 396175 wikitext text/x-wiki [[File:Coal Supper.png|thumb|Developer logo]] '''Coal Supper''' is an English indie game studio from Yorkshire, UK.<ref>https://coalsupper.com/</ref> They are known for being the developers of {{game}}, making it their second commercial game. Their first commercial game is ''[https://store.steampowered.com/app/1200860 The Good Time Garden]'', a short freeware game. == Members == Coal Supper consists of two members.<ref>https://coal-supper.itch.io/</ref> They are: *[https://www.instagram.com/james.carbutt/?hl=en James Carbutt] *[https://x.com/WontTodd Will Todd] == External links == *[https://coalsupper.com/ Website] *[https://store.steampowered.com/developer/coalsupper Steam developer page] *[https://www.youtube.com/@coalsupper YouTube channel] *[https://x.com/coalsupper X page] *[https://www.instagram.com/coalsupper Instagram page] *[https://www.tiktok.com/@coalsupper TikTok page] *[https://coal-supper.itch.io/ itch.io page] == References == <references/> 11971d5dd797ae791a4a954d2d492180efa33abd 247 245 2024-09-20T07:03:18Z JustLeafy 396175 wikitext text/x-wiki [[File:Coal Supper.png|thumb|Developer logo]] '''Coal Supper''' is an English indie game studio from Yorkshire, UK.<ref>https://coalsupper.com/</ref> They are known for being the developers of {{game}}, making it their second commercial game. Their first commercial game is ''[[The Good Time Garden]]'', a short freeware game. == Members == Coal Supper consists of two members.<ref>https://coal-supper.itch.io/</ref> They are: *[https://www.instagram.com/james.carbutt/?hl=en James Carbutt] *[https://x.com/WontTodd Will Todd] == External links == *[https://coalsupper.com/ Website] *[https://store.steampowered.com/developer/coalsupper Steam developer page] *[https://www.youtube.com/@coalsupper YouTube channel] *[https://x.com/coalsupper X page] *[https://www.instagram.com/coalsupper Instagram page] *[https://www.tiktok.com/@coalsupper TikTok page] *[https://coal-supper.itch.io/ itch.io page] == References == <references/> db278e155b4fcc86c9233804c5dee50b4ae7d0b9 0 219 243 2024-09-20T05:06:09Z JustLeafy 396175 Created page with "'''Panic''' is the publisher of {{game}}." wikitext text/x-wiki '''Panic''' is the publisher of {{game}}. 6485a1691728d6b5c44f7a4ef8a131256e43d2e2 10 108 248 121 2024-09-21T00:39:11Z Aeywoo 30671 Updated. wikitext text/x-wiki <includeonly><!-- -->{{#vardefine:rightsholder|[https://coalsupper.com/ Coal Supper]<!-- *************************************** *************************************** Step 1/2 [required] Enter the name of the rightsholder, optionally with a link. Example without link: indie.io Example with a URL: [https://www.indie.io/ indie.io] Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- continue to step 2 *************************************** *************************************** Step 2/2 [optional] Enter the TOS link. Example link: https://www.indie.io/terms-of-service -->{{#vardefine:tos|<!-- Edit on the line below this************--> <!--Edit on the line above this******** *************************************** *************************************** -->}}<!-- DON'T EDIT ANYTHING BELOW THIS -->{{License/template | source = {{{source|}}} | type = developer | darkIcon = yes | icon = [[File:IN COPYRIGHT.svg|50px|link=https://rightsstatements.org/page/InC/1.0/?language=en|IN COPYRIGHT]] | text = {{#if:{{#var:rightsholder}}| <!-- Specific: -->This file is owned by {{#var:rightsholder}} and/or its licensors{{#if:{{#var:tos}}|, and is licensed under the {{#var:rightsholder}} [{{#var:tos}} Terms of Use]}}.<br/>All trademarks and registered trademarks present in the file are proprietary to {{#var:rightsholder}} and/or its licensors. | <!-- Generic: -->This file is owned by the applicable game studio and/or its licensors. }} }}</includeonly><noinclude> This template currently looks like: {{License/game}} See {{Tl|License}} for full license documentation [[Category:License templates]]</noinclude> 0c5d0888f8c900bb662ae8ff1edafbbc0ffa5756 6 220 249 2024-09-21T03:35:36Z Aeywoo 30671 The logo for [[Thank Goodness You're Here!]] wikitext text/x-wiki == Summary == The logo for [[Thank Goodness You're Here!]] == Licensing == {{License|game}} 8f1c44075c45d5e8a1ee9ebb84412bc09b9413e8 6 221 250 2024-09-21T03:36:03Z Aeywoo 30671 wikitext text/x-wiki == Licensing == {{License|fairuse}} 87d7977e3529dee7284946acd854ac7b16cf2467 8 23 251 24 2024-09-21T17:16:05Z Alex4401 45108 updating css text/css /* All CSS here will be loaded for users of the Vector skin */ /************************************ * Body, head, and general framework * *************************************/ body { background-color: var(--wiki-body-background-color); background-image: var(--wiki-body-background-image); /* the following have fallbacks for backwards compatibility with older versions of the loadout */ background-position: var(--wiki-body-background-position, top center); background-size: var(--wiki-body-background-size, cover); background-repeat: var(--wiki-body-background-repeat, no-repeat); background-attachment: var(--wiki-body-background-attachment, fixed); font-family: var(--wiki-body-font-family); accent-color: var(--wiki-accent-color); } #mw-page-base { background:none; } /* let ul default to text that respects color */ ul { list-style-image: none; } /* override default wiki.gg table overflowing in favor of media queries (see bottom of sheet) */ table { display: table; white-space: unset; } /* Signal color scheme hints to browsers */ html.view-dark { color-scheme: dark } html.view-light { color-scheme: light } iframe { color-scheme: auto } /************************ * End general framework * *************************/ /************** * Vector tabs * ***************/ .vector-menu-tabs-legacy li, #p-cactions { background-image: linear-gradient( to top, var(--wiki-navigation-border-color) 0, var(--wiki-navigation-background-color) 1px, var(--wiki-navigation-background-color--secondary) 100%); } #p-cactions { z-index: 5; } #p-variants { background-color: var(--wiki-content-background-color); } .vector-menu-dropdown { /* Matching a built-in rule for .vector-menu-tabs-legacy */ height: 2.5em; } .vector-menu-tabs-legacy li.selected { background: var(--wiki-navigation-selected-background-color); border-color: var(--wiki-navigation-selected-border-color); } .vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading{ background-image: linear-gradient(to bottom,transparent 0,var(--wiki-navigation-border-color) 100%); } .vector-menu-tabs li a, .vector-menu-tabs li.new a, .vector-menu-tabs li.new a:visited, .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited, #mw-head .vector-menu-dropdown .vector-menu-heading { color: var(--wiki-navigation-text-color); } .vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { color: var(--wiki-navigation-selected-text-color); } .vector-menu-dropdown .vector-menu-content { background: none; border: none; box-shadow:none; margin-top:-1px; } .vector-menu-dropdown .vector-menu-content-list { background-color: var(--wiki-navigation-background-color--secondary); border: 1px solid var(--wiki-navigation-border-color); } div.vectorMenu .mw-list-item a, .vector-menu-dropdown .mw-list-item a, .vector-menu-dropdown .mw-list-item.selected a, .vector-menu-dropdown .mw-list-item.selected a:visited { color: var(--wiki-navigation-text-color); } .vector-menu-tabs li a:hover, .vector-menu-tabs li.new a:hover, .vector-menu-tabs li.new a:visited:hover, .vector-menu-tabs .selected a:hover, .vector-menu-tabs .selected a:visited:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover, div.vectorMenu .mw-list-item a:hover, .vector-menu-dropdown .mw-list-item.selected a:hover, .vector-menu-dropdown .mw-list-item.selected a:visited:hover { color:var(--wiki-navigation-text-color--hover); } .vector-menu-dropdown .vector-menu-heading::after { filter: brightness(0) var(--wiki-icon-to-link-filter); } #p-search { z-index:2; } #p-search .searchButton { background-color:transparent; } /****************** * End vector tabs * *******************/ /******** * Links * *********/ a, .mw-parser-output a.external, .mw-parser-output a.extiw { color: var(--wiki-content-link-color); } a:visited, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited { color: var(--wiki-content-link-color--visited); } a:not(.mw-selflink):hover, a:visited:hover, .mw-parser-output a.extiw:hover, .mw-parser-output a.extiw:visited:hover, .mw-parser-output a.external:hover, .mw-parser-output a.external:visited:hover { color:var(--wiki-content-link-color--hover); } a.new, a.new:visited, .mw-usertoollinks-contribs-no-edits { color:var(--wiki-content-redlink-color); } a:active { color: var(--wiki-warning-color); } /* move external marker to an after so we can filter it to link color */ .mw-parser-output a.external { background:none; padding-right: 0; } .mw-parser-output a.external::after { display:inline-block; width:1em; height:1em; margin-left:1px; content:''; vertical-align: text-top; --mask: var(--icon) no-repeat; --mask-size: 0.857em; --mask-position: center right; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-parser-output a.external::after { margin-left:0; --icon: url(/skins/Vector/resources/skins.vector.styles/images/link-external-small-ltr-progressive.svg?202406); } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after, a.extiw[title^="mw:"]::after, a.extiw[title^="support:"]::after { display:inline-block; width:1em; height:1em; margin-left:1px; background-position: center right; background-repeat: no-repeat; background-size: 0.857em; content:''; vertical-align: text-top; } a.extiw[title^="wikipedia:"]::after, a.extiw[title^="wp:"]::after { background-image:url(https://commons.wiki.gg/images/2/28/Wikipedia.svg?202406); } a.extiw[title^="mw:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/MediaWiki.svg?202406); } a.extiw[title^="support:"]::after { background-image:url(https://commons.wiki.gg/images/9/9b/Wiki.gg_icon-pink.svg); } /************ * End links * *************/ /*************** * Left Sidebar * ****************/ #mw-panel .vector-menu-portal { background-color: rgba(var(--wiki-sidebar-background-color--rgb), var(--wiki-sidebar-background-opacity)); border:1px solid var(--wiki-sidebar-border-color); margin: 0 0.5em; } #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } #mw-panel .vector-menu-portal:last-child { margin-bottom:0; } .vector-menu-portal .vector-menu-heading { padding: 0.75em 0.33em 0 0.67em; margin: 0; } .vector-menu-portal .vector-menu-content { margin: 0 0.5em; } .vector-menu-portal .vector-menu-content .mw-list-item a, .vector-menu-portal .vector-menu-content .mw-list-item a:visited, .vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { color: var(--wiki-sidebar-link-color); } .vector-menu-portal .vector-menu-content .mw-list-item a:hover, .vector-menu-portal .vector-menu-content .mw-list-item a:visited:hover { color:var(--wiki-sidebar-link-color--hover); } .vector-menu-portal .vector-menu-heading { background: none; color: var(--wiki-sidebar-heading-color); font-family:var(--wiki-sidebar-heading-font-family); } #t-newpage { --sidebar-icon:url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 384 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M0 64C0 28.7 28.7 0 64 0H224V128c0 17.7 14.3 32 32 32H384V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zm384 64H256V0L384 128z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-upload { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-print { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-whatlinkshere { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-specialpages { --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E'); order:-1; } #t-cargopagevalueslink { --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E"); order:-1; } #t-specialpages > a::before, #t-whatlinkshere > a::before, #t-print > a::before, #t-newpage > a::before, #t-upload > a::before, #t-cargopagevalueslink > a::before { content:''; background-image:var(--sidebar-icon); background-size:contain; background-repeat:no-repeat; background-position:center; display:inline-block; width:15px; height:15px } #p-tb .mw-list-item > a::before { filter:var(--wiki-icon-to-link-filter) } #p-tb .mw-list-item > a { display:flex; align-items:center; gap:3px } #p-tb .vector-menu-content-list { display:flex; flex-direction:column; } /******************* * End left sidebar * ********************/ /******* * Logo * ********/ /* [[File:Site-logo.png]] */ .mw-wiki-logo { background-size: contain; } /*********** * End logo * ************/ /*************** * Content area * ****************/ .mw-body, .parsoid-body, .mw-footer { color: var(--wiki-content-text-color); background-color: rgba(var(--wiki-content-background-color--rgb), var(--wiki-content-background-opacity)); border: 1px solid var(--wiki-content-border-color); margin-right: 1em; } .mw-footer { border-top-width:0; } .mw-footer li { color: var(--wiki-content-text-color); } @media screen and (max-width: 981px) { .mw-body, .parsoid-body, .mw-footer { margin-right: 0; } } /******************************* * End content area and footer * *******************************/ /*********************************** * wiki.gg network elements tuning * *********************************/ #wikigg-footer { position: sticky; top: 100%; margin-top: 0.5rem; clear: both; } /** * Only clear right side in the MW footer to prevent icon overflow. This is accompanied by * the full clear on netfooter to stop the sidebar from offsetting it. */ .mw-footer > div[style^="clear"]:last-child { clear: right !important; } /*************************************** * End wiki.gg network elements tuning * *************************************/ /*********** * Headings * ************/ .mw-body h1, .mw-body h2 { border-bottom: 1px solid var(--wiki-content-border-color); } h1, h2, h3, h4, h5, h6 { color: var(--wiki-heading-color); } .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 { font-family:var(--wiki-heading-font-family); } .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .mw-editsection-divider, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { color: var(--wiki-heading-color); } /*************** * End headings * ****************/ /************* * Wikitables * **************/ .wikitable { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .wikitable>tr>th, .wikitable>*>tr>th { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikitable>tr>td, .wikitable>*>tr>td { border: 1px solid var(--wiki-content-border-color); } /* Forward = yes bg on Special:Interwiki */ table.mw-interwikitable.body td.mw-interwikitable-local-yes { background: rgba(var(--wiki-success-color--rgb),.25); } .zebra-table > * > tr:nth-of-type(2n), .zebra-table > tr:nth-of-type(2n) { background:rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .view-dark .client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .view-dark .jquery-tablesorter th.headerSort { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath d=%22m14.5 5-4 4-4-4zm0-1-4-4-4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortUp { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m6.5 4 4-4 4 4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } .view-dark .jquery-tablesorter th.headerSortDown { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22m14.5 0-4 4-4-4z%22 fill=%22%23fff%22/%3E %3C/svg%3E"); } /***************** * End wikitables * ******************/ /************** * Preferences * ***************/ .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs>.oo-ui-menuLayout-content>.oo-ui-indexLayout-stackLayout>.oo-ui-tabPanelLayout { border: none; } .oo-ui-tabSelectWidget-framed { background-color: transparent; border-bottom: 1px solid var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { background-color: rgba(var(--wiki-accent-label-color--rgb), 0.75); color: var(--wiki-accent-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover { color: var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected, .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-bottom: none; } #preferences .mw-htmlform-submit-buttons { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, .oo-ui-textInputWidget .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-pendingElement-pending { background-color: var(--wiki-content-background-color--secondary); background-image: linear-gradient(135deg,var(--wiki-content-background-color) 25%,transparent 25%,transparent 50%,var(--wiki-content-background-color) 50%,var(--wiki-content-background-color) 75%,transparent 75%,transparent); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color) } .view-dark .oo-ui-inputWidget-input.oo-ui-indicator-down { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E%3Ctitle%3E down %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M9.9 2.9 6 6.8 2.1 2.9 1 4l5 5 5-5z%22/%3E%3C/g%3E%3C/svg%3E"); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active { color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color) } .oo-ui-dropdownInputWidget select option, .oo-ui-dropdownInputWidget select optgroup { color: #000; } .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus, .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:focus, .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:active, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus, .oo-ui-textInputWidget.oo-ui-widget-enabled:active .oo-ui-inputWidget-input, .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .oo-ui-radioInputWidget [type="radio"] + span { background-color:var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:hover + span{ border-color:rgba(var(--wiki-accent-color--rgb), 0.9); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:hover + span { border-color:var(--wiki-accent-color); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span{ background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:focus + span::before { border-color: var(--wiki-content-dynamic-color--inverted); } .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked:active + span { border-color: rgba(var(--wiki-accent-color--rgb),0.5); box-shadow: inset 0 0 0 1px rgba(var(--wiki-accent-color--rgb),0.5); } .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget { color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-selected, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected, .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { background-color: rgba(var(--wiki-accent-color--rgb), 0.15); color: var(--wiki-content-text-color); } .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted, .oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend { background: var(--wiki-content-background-color--secondary); } .mw-prefs-search-highlight { background-color: rgba(var(--wiki-accent-color--rgb), .07) !important; outline-color: rgba(var(--wiki-accent-color--rgb), .07) !important; } /**************** * End preferences * *****************/ /*************** * Page history * ****************/ #pagehistory li { background-color: transparent; border: none; } #pagehistory li.selected { background-color: var(--wiki-content-background-color--secondary); border: 1px dashed var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .diff td.diff-addedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-success-color); border-width: 1px 1px 1px 4px; } .diff td.diff-addedline .diffchange { background-color: var(--wiki-success-color); color: var(--wiki-success-label-color); } .diff td.diff-deletedline { background-color: var(--wiki-content-background-color); border-color: var(--wiki-alert-color); border-width: 1px 1px 1px 4px; } .diff td.diff-deletedline .diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color) } .diff td.diff-context { background: transparent; border-color: var(--wiki-neutral-color); color: var(--wiki-content-text-color); } .diff-marker a.mw-diff-movedpara-right { color: transparent; } .diff-marker a.mw-diff-movedpara-right:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-right:after { color: var(--wiki-content-text-color); content: "\21a9"; } .diff-marker a.mw-diff-movedpara-left { color: transparent; } .diff-marker a.mw-diff-movedpara-left:hover:after { opacity: .75; } .diff-marker a.mw-diff-movedpara-left:after { color: var(--wiki-content-text-color); content: "\21aa"; } .mw-plusminus-neg { color:var(--wiki-alert-color); } .mw-plusminus-null{ color:rgba(var(--wiki-content-text-color--rgb), 0.4); } .mw-plusminus-pos { color:var(--wiki-success-color); } .updatedmarker { background-color: rgba(var(--wiki-success-color--rgb), 0.25); } li span.deleted, span.history-deleted { color: var(--wiki-content-text-mix-color); } span.mw-history-suppressed { /* overrides above, since suppressed is also deleted */ color: var(--wiki-content-text-color); } /* inline diff (1.41) */ .mw-diff-inline-header { border-bottom: 1px solid var(--wiki-content-border-color); } .mw-diff-inline-added ins, .mw-diff-inline-changed ins, .mw-diff-inline-moved ins, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins, .mw-diff-inline-added.mw-diff-empty-line::after, .mw-inline-diff-newline::after { background: rgba(var(--wiki-success-color--rgb),0.9); color: var(--wiki-success-label-color); display: inline-block; } .mw-diff-inline-added.mw-diff-empty-line::after, .mw-diff-inline-deleted.mw-diff-empty-line::after, .mw-inline-diff-newline::after { padding: 0.4em 0; } .mw-diff-inline-deleted del, .mw-diff-inline-changed del, .mw-diff-inline-moved del, .mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del, .mw-diff-inline-deleted.mw-diff-empty-line::after { background: rgba(var(--wiki-alert-color--rgb), 0.9); color: var(--wiki-alert-label-color); display: inline-block; } .mw-diff-movedpara-left::after, .mw-diff-movedpara-right::after { color: var(--wiki-content-text-color); } .ve-ui-diffElement-attributeChange { color: var(--wiki-content-text-mix-color); } /* Edit conflict */ .mw-twocolconflict-split-tour-image-dual-column-view-1 { filter:var(--wiki-icon-general-filter); } .mw-twocolconflict-split-tour-image-blue-dot { filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-pulsating-dot::before, .mw-pulsating-dot::after { background-color: var(--wiki-content-link-color); } .mw-twocolconflict-split-current-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-alert-color); color:var(--wiki-alert-label-color); } .mw-twocolconflict-special-your-version-header .mw-twocolconflict-revision-label, .mw-twocolconflict-split-your-version-header .mw-twocolconflict-revision-label { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-single-column, .mw-twocolconflict-split-column { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-delete { border-color: rgba(var(--wiki-alert-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-delete, .mw-twocolconflict-split-column.mw-twocolconflict-split-delete { border-color: var(--wiki-alert-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected.mw-twocolconflict-split-add { border-color: rgba(var(--wiki-success-color--rgb), 0.4); } .mw-twocolconflict-single-column.mw-twocolconflict-split-add, .mw-twocolconflict-split-column.mw-twocolconflict-split-add { border-color: var(--wiki-success-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange { background-color: rgba(var(--wiki-alert-color--rgb), 0.3); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected del.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column del.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column del.mw-twocolconflict-diffchange { background-color: var(--wiki-alert-color); color: var(--wiki-alert-label-color); } .mw-twocolconflict-single-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column.mw-twocolconflict-split-unselected ins.mw-twocolconflict-diffchange, .mw-twocolconflict-single-column ins.mw-twocolconflict-diffchange, .mw-twocolconflict-split-column ins.mw-twocolconflict-diffchange { background-color: var(--wiki-success-color); color:var(--wiki-success-label-color); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-success-color--rgb), 0.8); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(2) .oo-ui-radioInputWidget [type="radio"] + span { border-color: rgba(var(--wiki-success-color--rgb), 0.9); background: rgba(var(--wiki-success-color--rgb), 0.1); } .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:checked + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget.oo-ui-widget-enabled [type="radio"]:active + span, .mw-twocolconflict-split-selection > div:nth-child(1) .oo-ui-radioInputWidget [type="radio"] + span { border-color:rgba(var(--wiki-alert-color--rgb), 0.9); background: rgba(var(--wiki-alert-color--rgb), 0.1); } .mw-twocolconflict-split-editable .mw-twocolconflict-split-editor { color:var(--wiki-content-text-color); } /**/ /******************* * End page history * ********************/ /******************** * Table of contents * *********************/ #toc, .toc, .toccolours, .mw-warning { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); box-shadow: 0 0.1em 0.2em #000000; } #mw-toc-heading{ border: 0; } .toctogglelabel { color: var(--wiki-content-link-color); } .tocnumber { color: var(--wiki-content-text-color); } /************************ * End table of contents * *************************/ /************* * Thumbnails * **************/ img.thumbborder { border: 1px solid var(--wiki-content-border-color); padding: 5px; } div.thumbinner { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } li.gallerybox div.thumb { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } html .thumbimage { background-color: unset; border: 1px solid var(--wiki-content-border-color); } .thumb, .thumb .thumbinner, .thumb .thumbimage { max-width: 100%; box-sizing: border-box; } .thumb .thumbimage { height: auto; } /* packed-overlay mode for galleries */ ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.8); } /* Responsive floating thumbnails */ @media screen and (max-width: 720px) { div.tright { float: none; margin: 0 auto; width: max-content; } } /***************** * End thumbnails * ******************/ /************** * Wiki editor * ***************/ #wpTextbox0 { /* need !important here to override inline styling */ background-color:var(--wiki-content-background-color) !important; } .wikiEditor-ui { border: none; } .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui .wikiEditor-ui-view { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar { background: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color:var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wiikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index .current { color: var(--wiki-content-link-color); } .wikiEditor-ui-toolbar .group .tool-select .options { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .group .tool-select .options .option { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover { background-color: var(--wiki-content-background-color); } .wikiEditor-ui-toolbar .tabs span.tab a::before, .wikiEditor-ui-toolbar .group .tool-select .label::after { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui-toolbar .group .label, .wikiEditor-ui-toolbar .group .tool-select .label, .wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td, .wikiEditor-ui-toolbar .page-characters div span, .wikiEditor-ui-toolbar .booklet .index div { color: var(--wiki-content-text-color); } .wikiEditor-ui-toolbar .booklet>.index> :hover { background-color: var(--wiki-content-background-color--secondary); } .wikiEditor-ui-toolbar .sections .section { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-characters div span { border: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); border-color: var(--wiki-content-border-color); } .wikiEditor-ui-toolbar .page-table td { border-top: 1px solid var(--wiki-content-border-color); } .wikiEditor-ui-tabs div a { background: #9A647F; display: inline-block; } .wikiEditor-ui-tabs div.current { border-bottom: 1px solid #3B3352; } .wikiEditor-ui-tabs div.current a { font-weight: bold; } .wikiEditor-ui-tabs { border-left: 1px solid #3B3352; border-top: 1px solid #3B3352; } .wikiEditor-ui-text { background-color:var(--wiki-content-dynamic-color--inverted); } .wikiEditor-preview-contents { background: transparent; background-color: rgba(255, 255, 255, 0.2); border-color: #3B3352; border-style: solid; border-width: 0 1px 1px; } .wikiEditor-ui-controls { background: transparent; } .wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; } .mw-wikiEditor-InsertLink-TitleInputField .oo-ui-messageWidget, .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description { color: var(--wiki-content-text-mix-color); } .wikiEditor-toolbar-dialog .ui-dialog-content input[type='text']::placeholder { color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-ResizingDragBar { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-ResizingDragBar-ns { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar span { background-color: var(--wiki-content-border-color); } .ext-WikiEditor-ResizingDragBar:hover span { background-color: var(--wiki-content-text-mix-color); } .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1, .ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label { color: var(--wiki-accent-color); } .wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group { border-color: var(--wiki-content-border-color); } .ext-WikiEditor-realtimepreview-button:hover { background-color: rgba(var(--wiki-acccent-color--rgb),0.15); color: var(--wiki-accent-color); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); } .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button, .ext-WikiEditor-reloadButton.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); } .editOptions { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; } input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; } .view-dark .ace_editor, .ace_editor { --ace-keywords: #CDA869; --ace-regexp: #E9C062; --ace-constants: #CF6A4C; --ace-illegal: #F8F8F8; --ace-deprecated: #D2A8A1; --ace-support: #9B859D; --ace-function: #DAD085; --ace-list: #F9EE98; --ace-variable: #7587A6; --ace-string: #8F9D6A; --ace-illegal-highlight: rgba(86, 45, 86, 0.75); --ace-step-highlight: #665200; --ace-multiselect-shadow: #141414; } .view-light .ace_editor{ --ace-keywords: #00f; --ace-regexp: #036a07; --ace-constants: #c5060b; --ace-illegal: #f00; --ace-deprecated: #f00; --ace-support: #6d79de; --ace-function: #3c4c72; --ace-list: #b90690; --ace-variable: #318495; --ace-string: #036a07; --ace-illegal-highlight: rgba(255, 0, 0, 0.1); --ace-step-highlight: #fcff00; --ace-multiselect-shadow: #fff; } .ace_editor .ace_gutter { background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); } .ace_gutter-cell { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.4); } .ace_editor .ace_print-margin { width: 1px; background: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.75); } .ace_editor { /* this image gradient hack effectively lets the element have 2 layers of background */ background-image:linear-gradient(var(--wiki-content-dynamic-color), var(--wiki-content-dynamic-color)); background-color:rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.93); color: rgba(var(--wiki-content-dynamic-color--rgb), 0.93); } .ace_editor .ace_cursor { color: var(--wiki-content-text-color); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor.ace_multiselect .ace_selection.ace_start { box-shadow: 0 0 3px 0px var(--ace-multiselect-shadow); } .ace_editor .ace_marker-layer .ace_step { background: var(--ace-step-highlight); } .ace_editor .ace_marker-layer .ace_active-line { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace_editor .ace_gutter-active-line { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.031) } .ace-tm .ace_marker-layer .ace_selected-word { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.05); } .ace_editor .ace_marker-layer .ace_selection { background: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_marker-layer .ace_selected-word { border: 1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.20) } .ace_editor .ace_invisible { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.25) } .ace_editor .ace_keyword, .ace_editor .ace_meta { color: var(--ace-keywords); } .ace_editor .ace_constant, .ace_editor .ace_constant.ace_numeric, .ace_editor .ace_constant.ace_character, .ace_editor .ace_constant.ace_character.ace_escape, .ace_editor .ace_constant.ace_other, .ace_editor .ace_heading, .ace_editor .ace_markup.ace_heading, .ace_editor .ace_support.ace_constant { color: var(--ace-constants); } .ace_editor .ace_invalid.ace_illegal { color: var(--ace-illegal); background-color: var(--ace-illegal-highlight); } .ace_editor .ace_invalid.ace_deprecated { text-decoration: underline; font-style: italic; color: var(--ace-deprecated); } .ace_editor .ace_support, .ace_editor .ace_support.ace_type { color: var(--ace-support); } .ace_editor .ace_fold { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); border-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.1); } .ace_editor .ace_support.ace_function { color: var(--ace-function); } .ace_editor .ace_list, .ace_editor .ace_markup.ace_list, .ace_editor .ace_storage { color: var(--ace-list); } .ace_editor .ace_entity.ace_name.ace_function, .ace_editor .ace_meta.ace_tag, .ace_editor .ace_variable { color: var(--ace-variable); } .ace_editor .ace_string { color: var(--ace-string); } .ace_editor .ace_string.ace_regexp { color: var(--ace-regexp); } .ace_editor .ace_comment { font-style: italic; color: rgba(var(--wiki-content-dynamic-color--rgb), 0.3); } .ace_editor .ace_xml-pe { color: rgba(var(--wiki-content-dynamic-color--rgb), 0.28); } .ace_editor .ace_indent-guide { background:none; border-right:1px solid rgba(var(--wiki-content-dynamic-color--rgb), 0.2); } .ace_search { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_search_field { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-mix-color); } .ace_button { color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .ace_button:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_button.checked { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .ace_searchbtn { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border: 1px solid var(--wiki-content-border-color); } .ace_searchbtn:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .ace_searchbtn.prev::after, .ace_searchbtn.next::after { border-color: var(--wiki-accent-label-color); } .ace_searchbtn_close { filter: var(--wiki-icon-general-filter); } .wikiEditor-ui .codeEditor-status { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-editform #wpTextbox1 { background: rgba(var(--wiki-content-background-color--rgb), 0.5); color: var(--wiki-content-text-color); } .view-dark .CodeMirror, .CodeMirror { --codemirror-yellow: #ffd700; --codemirror-light-blue: #adf; --codemirror-blue: #08f; --codemirror-green: #290; --codemirror-red: #f50; --codemirror-dark-red: #dd1616; --codemirror-purple: #CD4EF9; --codemirror-pink: #e0e; --codemirror-light-gray: #eee; --codemirror-gray: #84a0a0; } .view-light .CodeMirror { --codemirror-yellow: #9e8500; --codemirror-light-blue: #008ae7; --codemirror-blue: #0085f9; --codemirror-green: #290; --codemirror-red: #ef4f00; --codemirror-dark-red: #a11; --codemirror-purple: #80c; --codemirror-pink: #ed00ed; --codemirror-light-gray: #858585; --codemirror-gray: #6b8a8a; } .CodeMirror { background-color:rgba(var(--wiki-content-background-color--rgb), 0.35); color: var(--wiki-content-text-color) } .CodeMirror-code:focus-visible { outline:none; } .CodeMirror .CodeMirror-line::selection, .CodeMirror .CodeMirror-line>span::selection, .CodeMirror .CodeMirror-line>span>span::selection, .CodeMirror .CodeMirror-selected { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror .CodeMirror-line::-moz-selection, .CodeMirror .CodeMirror-line>span::-moz-selection, .CodeMirror .CodeMirror-line>span>span::-moz-selection { background: rgba(var(--wiki-accent-color--rgb), .3); } .CodeMirror-linenumber { color: rgba(var(--wiki-content-text-color--rgb), .6) } .CodeMirror div.CodeMirror-cursor { border-left: 1px solid var(--wiki-content-text-color); } .cm-keyword { color: var(--codemirror-purple) } .cm-def { color: var(--codemirror-blue) } .cm-comment { color: var(--codemirror-yellow) } .cm-variable-2 { color: var(--codemirror-light-blue) } .cm-string { color: var(--codemirror-red) } .cm-atom { color: var(--codemirror-pink) } .cm-number { color: var(--codemirror-green) } .CodeMirror-gutters { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color) } .cm-mw-matching { background-color: var(--codemirror-yellow) } .cm-mw-skipformatting { background-color: var(--codemirror-light-blue) } .cm-mw-list { color: var(--codemirror-blue) } .cm-mw-doubleUnderscore, .cm-mw-hr, .cm-mw-signature { background-color: var(--wiki-content-background-color--secondary); color: var(--codemirror-blue) } .cm-mw-indenting { color: var(--codemirror-blue) } .cm-mw-mnemonic { color: var(--codemirror-green) } .cm-mw-comment { color: var(--codemirror-gray) } .cm-mw-apostrophes-bold, .cm-mw-apostrophes-italic, .cm-mw-section-header { color: var(--codemirror-blue) } .cm-mw-template, .cm-mw-template-argument-name, .cm-mw-template-bracket, .cm-mw-template-delimiter, .cm-mw-template-name { color: var(--codemirror-purple); } .cm-mw-templatevariable, .cm-mw-templatevariable-bracket, .cm-mw-templatevariable-delimiter, .cm-mw-templatevariable-name { color: var(--codemirror-red) } .cm-mw-parserfunction-bracket, .cm-mw-parserfunction-delimiter, .cm-mw-parserfunction-name { color: var(--codemirror-dark-red) } .cm-mw-exttag-attribute, .cm-mw-exttag-bracket, .cm-mw-exttag-name, .cm-mw-htmltag-attribute, .cm-mw-htmltag-bracket, .cm-mw-htmltag-name { color: var(--codemirror-green) } .cm-mw-link, .cm-mw-link-pagename { color: var(--wiki-content-link-color) } .cm-mw-link-tosection { color: var(--codemirror-blue) } .cm-mw-extlink, .cm-mw-extlink-bracket, .cm-mw-extlink-protocol, .cm-mw-free-extlink, .cm-mw-free-extlink-protocol, .cm-mw-link-bracket, .cm-mw-link-delimiter { color: var(--wiki-content-link-color) } .cm-mw-table-bracket, .cm-mw-table-definition, .cm-mw-table-delimiter { color: var(--codemirror-pink) } .cm-mw-matchingbracket { background-color: var(--wiki-content-background-color--secondary); box-shadow: inset 0 0 1px 1px var(--wiki-content-link-color); font-weight: bold; } /* VisualEditor: Fix broken toolbar layout */ .oo-ui-toolbar { clear: none; } .ve-init-mw-desktopArticleTarget-toolbar-open > .oo-ui-toolbar-bar > div:nth-child(4) { display: none; } .ve-ui-toolbar-floating > .oo-ui-toolbar-bar { top: var( --wikigg-header-height ); } .oo-ui-toolbar-bar .oo-ui-toolbar-bar, .ve-area-wrapper .oo-ui-toolbar-bar { background-color: var(--wiki-content-background-color--secondary); } .ve-init-mw-desktopArticleTarget-originalContent .content-body { clear: right; } /************* * End editor * **************/ /**************** * Tabber styles * *****************/ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .tabber__tab, .tabber__tab:visited { color:var(--wiki-content-text-color); } .tabber__tab:hover, .tabber__tab:hover:visited, .tabber__tab[aria-selected="true"], .tabber__tab[aria-selected="true"]:visited { color: var(--wiki-content-link-color); } .tabber__indicator { background: var(--wiki-content-link-color); } .tabber__header__prev::after, .tabber__header__next::after { filter: var(--wiki-icon-general-filter); } /******************** * End Tabber styles * *********************/ /*************************************** * Various fixes for multi-theme Vector * ****************************************/ :focus, :focus-visible { outline-color:var(--wiki-accent-color) } :focus-visible { outline-style:solid; } .oo-ui-iconElement-icon { filter: var(--wiki-icon-to-link-filter); } .oo-ui-iconElement-icon.oo-ui-icon-reload { filter: brightness(0) var(--wiki-icon-to-link-filter); } fieldset { border-color:var(--wiki-content-border-color); } hr { background-color:var(--wiki-content-border-color); } .CategoryTreeToggle { color:var(--wiki-content-link-color); } input, select { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } input:hover, input:focus, input:active { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } input:focus-visible { outline: 1px solid var(--wiki-accent-color); } input::file-selector-button, input[type="button"], input[type="submit"] { background-color:var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .vector-body blockquote { border-color:var(--wiki-content-border-color); } ol.references li:target, sup.reference:target { background-color: rgba(var(--wiki-accent-color--rgb), .1); } /* category bar and filetoc */ .catlinks, ul#filetoc { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } /**/ body .ui-dialog .ui-widget-header { /* we need an important here because the built-in styles have one :( */ background: var(--wiki-content-background-color) !important; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick { filter: var(--wiki-icon-general-filter); } .ui-widget-header .ui-dialog-titlebar-close.ui-state-hover { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .ui-widget-content { background: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } body .ui-button { /* we need an important here because the built-in styles have one. Vector is a mess */ background: var(--wiki-accent-color) !important; border-color: var(--wiki-accent-color) !important; color: var(--wiki-accent-label-color); } body .ui-button:hover, body .ui-button:focus, body .ui-button:active { /* we need an important here because we had to use some above */ background: var(--wiki-accent-color--hover) !important; border-color: var(--wiki-accent-color--hover) !important; color: var(--wiki-accent-label-color); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: var(--wiki-accent-label-color); } #contentSub, #contentSub2 { color:var(--wiki-content-text-mix-color); } /* arrow on redirect pages */ .mw-content-ltr .redirectText li:first-child { padding-left:0; background:none; } .mw-content-ltr .redirectText li:first-child::before { content:''; display:inline-block; width:47px; height:1em; vertical-align: middle; background-image:linear-gradient(transparent,transparent),url(/resources/src/mediawiki.action/images/redirect-ltr.svg?ff441); filter:var(--wiki-icon-general-filter); } /* notifications ("your edit was saved", etc.) */ .mw-notification { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .mw-notification .oo-ui-labelElement-label { color:var(--wiki-content-text-color); } .mw-notification .oo-ui-iconElement-icon { filter:unset; } /**/ .mime-type.has-warning { color:var(--wiki-content-text-color); } .oo-ui-image-warning.oo-ui-icon-alert, .mw-ui-icon-alert-warning::before { filter:drop-shadow(0 0 3px #000); } .oo-ui-image-invert.oo-ui-icon-subtract, .mw-ui-icon-subtract-invert::before, .oo-ui-image-invert.oo-ui-icon-add, .mw-ui-icon-add-invert::before { filter:brightness(0) var(--wiki-icon-to-link-filter); filter:var(--wiki-icon-general-filter); } .mw_metadata td, .mw_metadata th { border-color: var(--wiki-content-border-color); } .mw_metadata th { background-color: var(--wiki-content-background-color--secondary); } .mw_metadata td { background-color: var(--wiki-content-background-color); } .mw-datatable td, .mw-datatable th { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } #mw-allmessagestable tbody:hover td, .mw-datatable tr:hover>td { background-color: var(--wiki-content-background-color--secondary); } #mw-allmessagestable .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .8); color: var(--wiki-accent-label-color); } #mw-allmessagestable .am_actual, #mw-allmessagestable tbody:hover .am_default { background-color: rgba(var(--wiki-accent-color--rgb), .6); } #mw-allmessagestable .am_actual { color: var(--wiki-accent-label-color); } #mw-allmessagestable tbody:hover .am_actual { background-color: rgba(var(--wiki-accent-color--rgb), .5); } .mw-datatable, .mw-json { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: inherit; } .mw-datatable>*>tr>th, .mw-datatable>tr>th, .mw-json>*>tr>th, .mw-json>tr>th { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); padding-bottom: 9px; padding-top: 9px; } .mw-datatable>*>tr>td, .mw-datatable>tr>td, .mw-json>*>tr>td, .mw-json>tr>td { border-color: var(--wiki-content-border-color); } .mw-json tr { background-color: inherit; } .mw-json .mw-json-single-value, .mw-json .mw-json-value, .mw-json .value { background: rgba(var(--wiki-success-color--rgb), .6); } .mw-json .mw-json-empty { background: var(--wiki-content-background-color--secondary); } .mw-message-box, .mw-message-box-warning { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); } .mw-message-box-warning { border-color: var(--wiki-warning-color); border-width: 1px 1px 1px 10px; } .wikitable *, .wikitable :after, .wikitable :before { -webkit-box-sizing: inherit; box-sizing: inherit; } .cargo-pagevalues-tableinfo { background-color: var(--wiki-content-background-color); border-bottom: 1px solid var(--wiki-content-border-color); top: 46px; position: static; /* override sticky in the built-in */ } .cargo-table-diagram .cargo-table-svg .node.entity-name rect { fill: var(--wiki-content-background-color--secondary); fill-opacity: 1; } .cargo-table-diagram .cargo-table-svg .node rect { stroke: var(--wiki-content-border-color); opacity: 1; } .cargo-table-diagram .cargo-table-svg .node text tspan { fill: var(--wiki-content-text-color); } table.cargoTable { color: var(--wiki-content-text-color); } table.cargoTable tbody td, table.cargoTable thead th { border: 1px solid var(--wiki-content-border-color); } table.cargoTable tr:hover { background-color: rgba(var(--wiki-accent-color--rgb), .25); } table.cargoTable thead tr:nth-child(odd), table.cargoTable.noMerge thead tr:nth-child(odd) { background-color: var(--wiki-accent-color); } table.cargoTable tbody tr:nth-child(2n), table.cargoTable.noMerge tbody tr:nth-child(2n) { background-color: var(--wiki-content-background-color); } table.cargoTable tbody tr:nth-child(odd), table.cargoTable.noMerge tbody tr:nth-child(odd) { background-color: var(--wiki-content-background-color--secondary); } table.cargoTable th.headerSort { color:var(--wiki-accent-label-color); } table.cargoTable th.headerSort:hover { color:var(--wiki-accent-label-color); text-decoration:underline; } #mw-content-text div.cargoReplacementTableInfo { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); }.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:var(--wiki-content-text-color); } table.dataTable tbody tr { background-color:var(--wiki-content-background-color); } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--secondary--rgb), 0.75); } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color:rgba(var(--wiki-content-background-color--rgb), 0.75); } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: var(--wiki-content-background-color--secondary); } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { /* we need this !important to override a built-in one */ color: var(--wiki-content-text-mix-color) !important; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid var(--wiki-content-border-color); } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { /* we need this !important to override a built-in one */ color: var(--wiki-content-mix-color) !important; border: 1px solid var(--wiki-content-border-color); background-color: var(--wiki-content-background-color); background: linear-gradient(to bottom,var(--wiki-content-background-color) 0%,var(--wiki-content-background-color--secondary) 100%); } div.drilldown-filters-wrapper { background-color: transparent; border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .action-pagevalues tr:nth-of-type(2n) { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); } .action-pagevalues tr:hover { background-image: linear-gradient(rgba(var(--wiki-accent-color--rgb), 0.2), rgba(var(--wiki-accent-color--rgb), 0.2)); } div.specialCargoQuery-extraPane { background: var(--wiki-content-background-color); } .oo-ui-panelLayout-framed { border-color:var(--wiki-content-border-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: transparent; } .mw-cookiewarning-container .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color); } .oo-ui-inputWidget-input + .oo-ui-image-invert.oo-ui-icon-check { background-image:none; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-checkboxInputWidget [type="checkbox"] + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked + span { filter: unset; background-color:rgba(var(--wiki-accent-color--rgb), 0.05); border-color:rgba(var(--wiki-accent-color--rgb), 0.75); } .oo-ui-checkboxInputWidget [type="checkbox"]:disabled + span { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span { border-color: var(--wiki-accent-color); filter: unset; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span { background-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { box-shadow: none; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); outline: 1px solid transparent; } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:checked:focus+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:hover+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:active+span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:indeterminate:focus+span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5); border-color: var(--wiki-accent-color); } .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type="checkbox"]:active + span { background-color: rgba(var(--wiki-accent-color--rgb), 0.5) } .oo-ui-image-invert.oo-ui-icon-check { background:none; position:relative; } .oo-ui-inputWidget-input:checked + .oo-ui-image-invert.oo-ui-icon-check::before { position:absolute; width:100%; height:100%; top:0; left:0; background-image: url(/load.php?modules=oojs-ui-core.icons&image=check&variant=invert&format=rasterized&skin=vector&version=y9f1k); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E check %3C/title%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22M7 14.2 2.8 10l-1.4 1.4L7 17 19 5l-1.4-1.4z%22/%3E%3C/g%3E%3C/svg%3E"); content:''; pointer-events: none; filter:var(--wiki-icon-general-filter); } .oo-ui-indicatorElement-indicator { filter: var(--wiki-icon-to-link-filter); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover { color: var(--wiki-content-text-color--hover); } .oo-ui-tagItemWidget.oo-ui-widget-enabled:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-tagItemWidget.oo-ui-widget-disabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); text-shadow: none; } .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-savedLinksListWidget-placeholder.oo-ui-optionWidget .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget { color: var(--wiki-content-text-color); padding: 8px 6px; -webkit-transition: color .3s, background-color .3s; transition: color .3s, background-color .3s; } .mw-rcfilters-ui-savedLinksListWidget-menu .mw-rcfilters-ui-savedLinksListItemWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); color: var(--wiki-accent-color); } .mw-rcfilters-ui-savedLinksListItemWidget-label { color: var(--wiki-accent-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { background-color: transparent; } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle+.mw-rcfilters-ui-table, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle.mw-rcfilters-ui-filterTagMultiselectWidget-emphasize { background-color: var(--wiki-content-background-color--secondary); } .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget { border-color: var(--wiki-content-border-color); padding: 0; } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label { color: var(--wiki-content-link-color); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button>.oo-ui-labelElement-label:hover { color: var(--wiki-content-link-color--hover); } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:before { content: "["; } .mw-rcfilters-ui-filterTagMultiselectWidget-hideshowButton .oo-ui-buttonElement-button:after { content: "]"; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-filterMenuSectionOptionWidget { background-color: var(--wiki-content-background-color); } .oo-ui-menuSelectWidget { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-header { background-color: var(--wiki-content-background-color); border-bottom-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-filterMenuHeaderWidget-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) { border-bottom-color: var(--wiki-content-text-mix-color); } .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget:hover, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected, .mw-rcfilters-ui-itemMenuOptionWidget:hover { background-color: rgba(var(--wiki-accent-color--rgb), .15) } .mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel, .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected:hover, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected):hover { background-color: rgba(var(--wiki-accent-color--rgb), .15); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-title { color: var(--wiki-content-text-color); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .6); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .mw-rcfilters-ui-itemMenuOptionWidget-label-desc { color: rgba(var(--wiki-content-text-color--rgb), .8); } .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span, .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span { border-color: var(--wiki-content-text-color); } .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget { color: rgba(var(--wiki-content-text-color--rgb), .6); } .oo-ui-tagItemWidget.oo-ui-widget-enabled, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color: transparent; color: var(--wiki-content-text-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled.selected { background-color: rgba(var(--wiki-accent-color--rgb), 0.1); border-color: var(--wiki-accent-color); } .mw-rcfilters-ui-datePopupWidget { border-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title { color: rgba(var(--wiki-content-text-color--rgb), 0.8); } .mw-changeslist-legend, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } @keyframes fadeBlue { 60% { border-top-color:var(--wiki-accent-color); } 100% { border-top-color:var(--wiki-content-border-color); } } .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator { border-top-color: var(--wiki-content-border-color); } .mw-rcfilters-ui-menuSelectWidget-footer { background-color: var(--wiki-content-text-mix-color-95); } .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) { background-color: rgba(var(--wiki-content-text-color--rgb), 0.1); } .oo-ui-iconElement-icon.mw-rcfilters-ui-filterItemHighlightButton-circle { filter:unset; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled { background-color:rgba(var(--wiki-accent-color--rgb), 0.2); border-color:var(--wiki-accent-color); } .mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), .76); } .mw-rcfilters-ui-tagItemWidget-popup-content { color: rgba(var(--wiki-content-text-color--rgb), .75); } /* fix for weird focus box on recentchanges arrows when clicking, but keep it for tab navigation */ .mw-enhancedchanges-checkbox:focus + * .mw-enhancedchanges-arrow { outline:none; } .mw-enhancedchanges-checkbox:focus-visible + * .mw-enhancedchanges-arrow { outline:1px solid var(--wiki-accent-color); } /**/ .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before { border-top-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after { border-top-color: var(--wiki-content-background-color--secondary); } .unpatrolled { color: var(--wiki-alert-color); } .autocomment, .autocomment a, .autocomment a:visited { color: var(--wiki-neutral-color); } /* Recent changes filter highlighting */ .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #1c283f; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #0f3128; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #352c10; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #411d0c; } .view-dark .mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5, .view-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child, .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)), .view-dark .mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) { background-color: #3f0f0f; } .mw-icon-arrow-collapsed, .mw-collapsible-arrow.mw-collapsible-toggle-collapsed { filter:brightness(75%) var(--wiki-icon-general-filter); } /* Collapsibles */ .mw-collapsible button.mw-collapsible-toggle > span, .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--wiki-content-link-color); } /* The below rules fix an error caused by the above rule because the toggles in the edit footer have text and an arrow in the same element, so the text gets inverted when it shouldn't be */ .mw-editfooter-toggler { position:relative; filter:unset; background:none; } .mw-editfooter-toggler::before { position:absolute; left:0; top:0; background-repeat: no-repeat; background-position: left center; width:12px; height:100%; content:''; filter:brightness(75%) var(--wiki-icon-general-filter); } .mw-editfooter-toggler.mw-icon-arrow-collapsed::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-collapsed-ltr.svg?40e9a); } .mw-editfooter-toggler.mw-icon-arrow-expanded::before { background-image: url(/resources/src/mediawiki.icon/images/arrow-expanded.svg?d0685); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { background-color: transparent; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); -webkit-transition: border-color 300ms, box-shadow 300ms; transition: border-color 300ms, box-shadow 300ms; background-color: var(--wiki-content-background-color--secondary) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-tagMultiselectWidget-focus .oo-ui-tagMultiselectWidget-handle { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); border-color: var(--wiki-accent-color); outline: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-accent-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle, .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle { border-color: var(--wiki-alert-color) } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input { border-radius: 0; } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { color: var(--wiki-alert-color); } .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { opacity: 0.5; } .oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group > input { color:var(--wiki-content-text-color); } .oo-ui-tagMultiselectWidget .oo-ui-inputWidget-input { color: inherit; background: transparent; font-family: inherit; } .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle, .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input, .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle { background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow:none; border-color:var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder { color:var(--wiki-content-text-mix-color); } .oo-ui-dropdownInputWidget select { border-color:var(--wiki-content-border-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus { border-color:var(--wiki-accent-color); box-shadow:inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-toggleSwitchWidget { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip { background-color:rgba(var(--wiki-accent-color--rgb), 0.5); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip { background-color: var(--wiki-accent-color); background-color: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-content-dynamic-color)); border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip { border-color: #0006; } .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on, .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected, .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); } .oo-ui-labelWidget.oo-ui-inline-help { color:rgba(var(--wiki-content-text-color--rgb), 0.8); } .oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending){ background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .oo-ui-bookletLayout-outlinePanel { padding: 7px 0; } .oo-ui-processDialog-content .oo-ui-window-head, .oo-ui-processDialog-content .oo-ui-window-foot, .oo-ui-messageDialog-content > .oo-ui-window-head, .oo-ui-messageDialog-content > .oo-ui-window-foot { outline-color: var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-background-color); border-right-color: var(--wiki-content-border-color); } .oo-ui-messageDialog-title { color: var(--wiki-heading-color); } /* OAuth authorisation dialog */ #mw-mwoauth-authorize-form { color: inherit; } .oo-ui-toolbar-bar, .oo-ui-popupToolGroup-tools, .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { border-right-color:var(--wiki-content-border-color); } .oo-ui-menuToolGroup-tools .oo-ui-tool.oo-ui-tool-active, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link, .oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link, .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { background-color: var(--wiki-content-background-color); color: var(--wiki-content-link-color); } .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link { /* we remove the transition here because it causes the hard-coded color to flash briefly */ transition:none; } .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title { color:var(--wiki-accent-color); } .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover, .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.15); } .oo-ui-menuToolGroup, .oo-ui-popupToolGroup-tools { border-color:var(--wiki-content-border-color); } .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { border-color: var(--wiki-content-border-color); box-shadow: 0 1px 1px 0 rgba(var(--wiki-content-dynamic-color--rgb),0.1); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover { background-color:var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { color: var(--wiki-content-text-color--hover); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button{ color: var(--wiki-alert-color); } .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus { color: var(--wiki-alert-color--hover); } .oo-ui-buttonElement-frameless>.oo-ui-buttonElement-button { border: 1px solid transparent; } .oo-ui-buttonElement-frameless>button.oo-ui-buttonElement-button { color: inherit; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-dynamic-color--inverted); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color--hover); border-color: var(--wiki-accent-color--hover); color:var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { background-color: #bf0017; border-color: #bf0017; color: #fff; } .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: #59000b; border-color: #59000b; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-flaggedElement-progressive.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active { background-color: rgba(var(--wiki-content-link-color--rgb),0.08); color: var(--wiki-content-text-color); border-color: var(--wiki-content-text-mix-color); } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { background-color: transparent; } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover { background-color: var(--wiki-content-dynamic-color--inverted); } .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td, .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-popupWidget-popup { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .mw-advancedSearch-namespace-selection { background: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer { background: var(--wiki-content-background-color); border: 1px solid var(--wiki-content-border-color); } .mw-advancedSearch-fieldContainer fieldset { margin-top: 0; } .mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label { all: unset; } .mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); color: var(--wiki-content-text-color); } .oo-ui-popupWidget-popup .mw-advancedSearch-tooltip-head { color: var(--wiki-content-text-mix-color); } .oo-ui-menuSectionOptionWidget { color: var(--wiki-content-text-mix-color); } /* possibly deprecated */ .mw-ui-button:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color); border-color: var(--wiki-content-border-color); } .mw-ui-button:not(:disabled):visited { color: var(--wiki-accent-color); } .mw-ui-button:not(:disabled):hover { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-border-color); color: var(--wiki-accent-color--hover); } .mw-ui-button:not(:disabled):focus { border-color: var(--wiki-accent-color); color: var(--wiki-content-text-color); box-shadow: none; } .mw-ui-button:not(:disabled):active, .mw-ui-button:not(:disabled).is-on { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-link-color); } /* end possibly deprecated */ .mw-ui-icon-before::before { filter: var(--wiki-icon-to-link-filter); } .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-content-border-color); } .oo-ui-windowManager-modal>.oo-ui-dialog { background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.5); } .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { border-color:var(--wiki-content-border-color); } .oo-ui-messageDialog-message { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--wiki-accent-color); border-color:rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-color--hover); border-color:var(--wiki-accent-color); box-shadow:inset 0 0 3px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:active, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color--hover); border-color: var(--wiki-content-link-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-buttonElement-button { background-color: var(--wiki-content-text-mix-color); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-description { color: var(--wiki-content-text-mix-color); } .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block), .mw-body-content .error { color: var(--wiki-alert-color); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-success-color); border-left-width: 10px; } .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-text-mix-color); } .tdg-templateDataParamWidget-param-alias { color: var(--wiki-content-text-mix-color); background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .tdg-templateDataParamWidget-param-alias:first-child { background-color: var(--wiki-content-background-color--secondary); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button:active { background-color: var(--wiki-content-background-color--secondary); border-right-color: var(--wiki-accent-color); } /* Date picker */ .mw-widget-dateInputWidget-handle { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover { border-color: var(--wiki-accent-color); box-shadow: none; } .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle > .oo-ui-labelElement-label { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget { border-color: var(--wiki-content-border-color); } .mw-widget-dateInputWidget-calendar { background-color: var(--wiki-content-background-color); } .mw-widget-calendarWidget-header .oo-ui-labelElement-label, .mw-widget-calendarWidget-day, .mw-widget-calendarWidget-month, .mw-widget-calendarWidget-year { color: var(--wiki-content-text-color); } .mw-widget-calendarWidget-day-heading, .mw-widget-calendarWidget-day-additional { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } .mw-widget-calendarWidget-day-today { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .mw-widget-calendarWidget-item-selected { color: #fff; } .mw-widget-calendarWidget-item:hover { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-widgets-datetime-calendarWidget:focus { border-color: var(--wiki-content-border-color); box-shadow: none; } .mw-widgets-datetime-calendarWidget-grid { overflow-x: initial; } .mw-widgets-datetime-dateTimeInputWidget-handle { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-handle:hover { border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover { background-color: var(--wiki-content-background-color); } .mw-widgets-datetime-calendarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label { color: rgba(var(--wiki-content-text-color--rgb), 0.55); } /* Unpatrolled page creations on Special:NewPages */ .not-patrolled { background-color: rgba(var(--wiki-warning-color--rgb), 0.16); } .mw-spinner-container > div { filter: var(--wiki-icon-general-filter); } .mw-spinner-container > div::after { background-color:var(--wiki-content-text-color); } pre, code, .mw-code { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-templatedata-doc-param-alias { color:var(--wiki-content-text-mix-color); } .mw-highlight, .view-light .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #db0000; --pygments-c: #3a7575; --pygments-k: #008000; --pygments-o: #666; --pygments-ch: #3a7575; --pygments-cm: #3a7575; --pygments-cp: #986200; --pygments-cpf: #3a7575; --pygments-c1: #3a7575; --pygments-cs: #3a7575; --pygments-gd: #a00000; --pygments-gr: #db0000; --pygments-gh: #000080; --pygments-gi: #008100; --pygments-go: #6e6e6e; --pygments-gp: #000080; --pygments-gu: #800080; --pygments-gt: #04d; --pygments-kc: #008000; --pygments-kd: #008000; --pygments-kn: #008000; --pygments-kp: #008000; --pygments-kr: #008000; --pygments-kt: #b00040; --pygments-m: #666; --pygments-s: #ba2121; --pygments-na: #647421; --pygments-nb: #008000; --pygments-nc: #00f; --pygments-no: #800; --pygments-nd: #a412ff; --pygments-ni: #6d6d6d; --pygments-ne: #c9352e; --pygments-nf: #00f; --pygments-nl: #727200; --pygments-nn: #00f; --pygments-nt: #008000; --pygments-nv: #19177c; --pygments-ow: #a412ff; --pygments-w: #6e6e6e; --pygments-mb: #666; --pygments-mf: #666; --pygments-mh: #666; --pygments-mi: #666; --pygments-mo: #666; --pygments-sa: #ba2121; --pygments-sb: #ba2121; --pygments-sc: #ba2121; --pygments-dl: #ba2121; --pygments-sd: #ba2121; --pygments-s2: #ba2121; --pygments-se: #a55a1e; --pygments-sh: #ba2121; --pygments-si: #af4d74; --pygments-sx: #008000; --pygments-sr: #af4d74; --pygments-s1: #ba2121; --pygments-ss: #19177c; --pygments-bp: #008000; --pygments-fm: #00f; --pygments-vc: #19177c; --pygments-vg: #19177c; --pygments-vi: #19177c; --pygments-vm: #19177c; --pygments-il: #666; } .view-dark .mw-highlight { --pygments-background: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); --pygments-err: #fe4242; --pygments-c: #4b9797; --pygments-k: #00a300; --pygments-o: #898989; --pygments-ch: #4b9797; --pygments-cm: #4b9797; --pygments-cp: #c17d00; --pygments-cpf: #4b9797; --pygments-c1: #4b9797; --pygments-cs: #4b9797; --pygments-gd: #ff3f3f; --pygments-gr: #fe4242; --pygments-gh: #7a7aff; --pygments-gi: #00a000; --pygments-go: #8a8a8a; --pygments-gp: #7a7aff; --pygments-gu: #f500f5; --pygments-gt: #4e84fe; --pygments-kc: #00a300; --pygments-kd: #00a300; --pygments-kn: #00a300; --pygments-kp: #00a300; --pygments-kr: #00a300; --pygments-kt: #fe357e; --pygments-m: #898989; --pygments-s: #e25e5e; --pygments-na: #80932a; --pygments-nb: #00a300; --pygments-nc: #7a7afe; --pygments-no: #ff4040; --pygments-nd: #bf5aff; --pygments-ni: #999; --pygments-ne: #da655f; --pygments-nf: #7a7afe; --pygments-nl: #a0a000; --pygments-nn: #7a7afe; --pygments-nt: #00a300; --pygments-nv: #8381e7; --pygments-ow: #bf5aff; --pygments-w: #bbb; --pygments-mb: #898989; --pygments-mf: #898989; --pygments-mh: #898989; --pygments-mi: #898989; --pygments-mo: #898989; --pygments-sa: #e25e5e; --pygments-sb: #e25e5e; --pygments-sc: #e25e5e; --pygments-dl: #e25e5e; --pygments-sd: #e25e5e; --pygments-s2: #e25e5e; --pygments-se: #d07125; --pygments-sh: #e25e5e; --pygments-si: #c17492; --pygments-sx: #00a300; --pygments-sr: #c17492; --pygments-s1: #e25e5e; --pygments-ss: #8381e7; --pygments-bp: #00a300; --pygments-fm: #7a7afe; --pygments-vc: #8381e7; --pygments-vg: #8381e7; --pygments-vi: #8381e7; --pygments-vm: #8381e7; --pygments-il: #898989; } div.mw-highlight { background-color:var(--wiki-content-dynamic-color--inverted); } .mw-highlight .err {border-color: var(--pygments-err);} .mw-highlight .c {color: var(--pygments-c);} .mw-highlight .k {color: var(--pygments-k);} .mw-highlight .o {color: var(--pygments-o);} .mw-highlight .ch {color: var(--pygments-ch);} .mw-highlight .cm {color: var(--pygments-cm);} .mw-highlight .cp {color: var(--pygments-cp);} .mw-highlight .cpf {color: var(--pygments-cpf);} .mw-highlight .c1 {color: var(--pygments-c1);} .mw-highlight .cs {color: var(--pygments-cs);} .mw-highlight .gd {color: var(--pygments-gd);} .mw-highlight .gr {color: var(--pygments-gr);} .mw-highlight .gh {color: var(--pygments-gh);} .mw-highlight .gi {color: var(--pygments-gi);} .mw-highlight .go {color: var(--pygments-go);} .mw-highlight .gp {color: var(--pygments-gp);} .mw-highlight .gu {color: var(--pygments-gu);} .mw-highlight .gt {color: var(--pygments-gt);} .mw-highlight .kc {color: var(--pygments-kc);} .mw-highlight .kd {color: var(--pygments-kd);} .mw-highlight .kn {color: var(--pygments-kn);} .mw-highlight .kp {color: var(--pygments-kp);} .mw-highlight .kr {color: var(--pygments-kr);} .mw-highlight .kt {color: var(--pygments-kt);} .mw-highlight .m {color: var(--pygments-m);} .mw-highlight .s {color: var(--pygments-s);} .mw-highlight .na {color: var(--pygments-na);} .mw-highlight .nb {color: var(--pygments-nb);} .mw-highlight .nc {color: var(--pygments-nc);} .mw-highlight .no {color: var(--pygments-no);} .mw-highlight .nd {color: var(--pygments-nd);} .mw-highlight .ni {color: var(--pygments-ni);} .mw-highlight .ne {color: var(--pygments-ne);} .mw-highlight .nf {color: var(--pygments-nf);} .mw-highlight .nl {color: var(--pygments-nl);} .mw-highlight .nn {color: var(--pygments-nn);} .mw-highlight .nt {color: var(--pygments-nt);} .mw-highlight .nv {color: var(--pygments-nv);} .mw-highlight .ow {color: var(--pygments-ow);} .mw-highlight .w {color: var(--pygments-w);} .mw-highlight .mb {color: var(--pygments-mb);} .mw-highlight .mf {color: var(--pygments-mf);} .mw-highlight .mh {color: var(--pygments-mh);} .mw-highlight .mi {color: var(--pygments-mi);} .mw-highlight .mo {color: var(--pygments-mo);} .mw-highlight .sa {color: var(--pygments-sa);} .mw-highlight .sb {color: var(--pygments-sb);} .mw-highlight .sc {color: var(--pygments-sc);} .mw-highlight .dl {color: var(--pygments-dl);} .mw-highlight .sd {color: var(--pygments-sd);} .mw-highlight .s2 {color: var(--pygments-s2);} .mw-highlight .se {color: var(--pygments-se);} .mw-highlight .sh {color: var(--pygments-sh);} .mw-highlight .si {color: var(--pygments-si);} .mw-highlight .sx {color: var(--pygments-sx);} .mw-highlight .sr {color: var(--pygments-sr);} .mw-highlight .s1 {color: var(--pygments-s1);} .mw-highlight .ss {color: var(--pygments-ss);} .mw-highlight .bp {color: var(--pygments-bp);} .mw-highlight .fm {color: var(--pygments-fm);} .mw-highlight .vc {color: var(--pygments-vc);} .mw-highlight .vg {color: var(--pygments-vg);} .mw-highlight .vi {color: var(--pygments-vi);} .mw-highlight .vm {color: var(--pygments-vm);} .mw-highlight .il {color: var(--pygments-il);} .mw-highlight pre { background: var(--pygments-background) } .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 var(--wiki-content-dynamic-color--inverted); } .mw-highlight .hll { background-color: rgba(var(--wiki-accent-color--rgb), .2) } .mw-apisandbox-toolbar { background: var(--wiki-content-background-color--secondary); top: var( --wikigg-header-height ); } /* special:replacetext */ .ext-replacetext-searchoptions { background-color: transparent; border: 1px solid var(--wiki-content-border-color); } .ext-replacetext-searchoptions .ext-replacetext-divider { border-bottom: 1px solid var(--wiki-content-border-color); } /**/ .view-dark textarea { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .view-dark textarea:focus-visible { outline-color: var(--wiki-accent-color); outline-style: solid; } .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus { outline: 1px solid var(--wiki-accent-color); } /* make math formulas legible on dark theme */ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display, .ve-ui-mwLatexPage-symbol { filter: var(--wiki-icon-general-filter); } /* search bar */ #searchInput { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); box-shadow: none; } #searchInput:focus, #simpleSearch:hover #searchInput, #simpleSearch:hover #searchInput:focus { border-color: var(--wiki-accent-color); box-shadow: none; } #searchButton { filter: var(--wiki-icon-to-link-filter); } .vector-search-box-input::placeholder { color:var(--wiki-content-text-mix-color); } /* Search suggestions */ .suggestions-results, .suggestions-special { background-color: var(--wiki-content-background-color--secondary); } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--wiki-content-text-color); } .suggestions-result { color: var(--wiki-content-link-color); } .suggestions-result-current { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .suggestions-special .special-label { color: var(--wiki-content-text-mix-color); } .suggestions-special.suggestions-result-current .special-label { color:var(--wiki-accent-label-color); } .suggestions-special .special-query { color: var(--wiki-link-label-color); } /* search page */ fieldset#mw-searchoptions { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border-color: var(--wiki-content-border-color); } #mw-searchoptions .divider { border-color: var(--wiki-content-border-color); } .mw-search-profile-tabs { background-color: rgba(var(--wiki-content-background-color--secondary--rgb), 0.5); border: 1px solid var(--wiki-content-border-color); margin-top: 1em; } .mw-search-profile-tabs div.search-types ul li.current a { color: var(--wiki-content-text-color); } .results-info, .mw-search-result-data { color: var(--wiki-content-text-mix-color); } /* invert the help icon on the helplink */ #mw-indicator-mw-helplink a { background-image: none; } #mw-indicator-mw-helplink a::before { background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34); background-position: left center; background-repeat: no-repeat; display: inline-block; vertical-align: middle; height: 20px; padding-left: 25px; content: ""; } #mw-indicator-mw-helplink a::before { filter: var(--wiki-icon-to-link-filter); } /**/ /* Login/register page */ .mw-number-text { color:var(--wiki-content-text-mix-color); } .mw-body-content .mw-number-text h3 { color:var(--wiki-heading-color); } .mw-number-text.icon-edits, .mw-number-text.icon-pages, .mw-number-text.icon-contributors { position:relative; background:none; } .mw-number-text.icon-edits::before, .mw-number-text.icon-pages::before, .mw-number-text.icon-contributors::before { position:absolute; width:95px; height:100%; left:0; top:0; content:''; filter:brightness(0) var(--wiki-icon-general-filter); } .mw-number-text.icon-edits::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAACrUlEQVR4AWL4//8/oH170LEsiKIwXGPbtm0EY9s2g7bdjzh4oVnjyslKVZ3hSu+d5L/c0Xdx/Bt5jjCyAR3QAd9/+DhSW4oeoYmJGQdM4HWjYfQKTXTA8pZFeIgjOmA5Hkd0wDwe6TWa6IAcr4eA5RAdEC0neKWIDoieFcMRRPOAaDJ6+4uITxzwJ+KbmnjdaKkDliISPIv/gcvRxsT7kzgix7MGuBz1ooFyRIq3xOJ64ArUG0EMoMV5RI5nAJDjRV1Go1DIIL7meJKAAngc8Qn/tgoACuCNRtfRJhQyGQLkeJcI3u3oP3GzA5bjjYnwEEE0Acjx+urgEcRNVgFX1sUjdaHF9gA53sW/jScFKIC3SH8hIo5nDXAVwbtA8O6U4+kD6uPpA2rhWQNcXYh3N4HXSfAMAHK8838BTwBQF28hCpKAAnj3SvCsAa4heOdU8NQB5fGUAfXxhAEZ3lmCdz+B18Hx9ABN46kBrv1DeAtQsAZYivdAB08AMMLrJ3hBHU8BkOGdqcyMLcCbj4I1QH08YUCGd0kbTwCQ4MW1oFkR3kM5PAHAdVU8gjhPEk8AkOKRBjN481AwAxjhDRCM4Rq1EzwTgAzvGtoqiicAmMcbjRZI4wkATiP/eVe/4QU0DvXJ4gkAHq9gNEV4cdPRRtQjgycAOA51VkAOoECaiF5J4QkA7iVnuI+vgTcXBauAo1BjBeU0mZuCXlfm2gieOcCN5KzPadH7s9EF1CeJJwD4lKy2BLQM3UFDaFgSTwBwKcE5il6Q1wmeA95KQLGafuI54Ay+I4D2Fm1HY2QwBADPZdCG0EO0Wg5CAHAi6k1ce3E1fdDHAQ8TuG50Ml6F4TngGNQawTWjg2iCPoAG4I5vcG/QVrLDIJMDnvyNBYMDeg7ogA7ogJ4DOqBmnwD4A/itR9A4HwAAAABJRU5ErkJggg==) no-repeat left center; } .mw-number-text.icon-pages::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAByUlEQVR4Ae3XQ6JcQRhH8Rs7mYWT2LZt25rEtpNvicGCOid51lWhX3X/B78F1ClnjUZDHChCDgVUQAVUwF+//zTbaEzwJKuqFQJOwVOYB0fSDege8RnMg8OxA47HhMhGho4YM+BHWGTXMApZP1NxAqdKuIS3DhETC5gT0cEonM+LmH7A8BHHF4zhUMyAr3DKswt4ARvCVQ8RL8FyHIoV8DqyAEbidMCIu2AFDqUbEBiLd4EiroOVcDDdgMBJWI4rNSOugpV0MOWAa2EBIq6HVXAw1YDzYQEiboVVdCDFgLNhASIegtWwP7WAM2AVXC4Z8SKsho+pBZwDCxDxIZ7hGo5iN7ZgG/bjOj61QsB5sAARxyArMA7nUw+4GuYQcaSHv/PrlAPuhDnYh8zR9ZQDnoF1+ooXuI87uIvH+JoT8ES7B1yJxZiGETnbbAHuKqCbkbiqgG5mK6Cb8QqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogAqogG0acAwmVHRLAXschDlQQAVUwKYGXIZTDo7qFnakgAqogP4ooAK+waVh5GpSAROggAqogFKOAiqgAiqg/AUjJ7hc1MT1egAAAABJRU5ErkJggg==) no-repeat left center } .mw-number-text.icon-contributors::before { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEMElEQVR4AWJ4/uLFYMJsgHbtIVhzLQqg8G7btm3bfLZt2/abtG3btm3btt19tXuNU5UbnV9VPfj2PCtODh7DaOzHDdzEIQxFG6SERItoilcPq6EOpqNsrAdMiWb4CQPQEx+jMsSH13Ad6tJRtIf4UBkfoyf642c0Q8pwBSyOEYiDWpzHP8gIcelZ3IV6dBENIS5lxD84D7WIwwgUD3XActjk8jTLDnFQAiegPm1FFoiD7JgKdbAJ5UIVMA0WQ10aCnEwHBrQ/xAHQ6EuLULqUAT8EurRkxAbtXEWGtBu5IPYeBLq0RemA6bDUqhHwyE2/oIa8qHho3wp0pkM2AS3oR4dRCmIFWZADRkEsUIpHIR6dBtNTAZ8DepDEhpDLIphL9Q9X0dMYyRBfXjNZMD3oT61hFjUwHmoITtQAGLREurT+yYDvgn1IQ4NwhBwP0pALBogDurDmyYDPgL14QjKQCzK43gYjsAyOAL14RGTAcvhKNSjWUgLsciDzVBDliG9zceJWT53fFlzAYGJUI/+g9iYCjVkBMTGv1CPJkJMB/wM6sEdtILY6Aw15A+IjVa4A/Xgs1C9ym2AujQVkoznkQgN6CpaQAwd7euQynxA4EMkuTz6noAkIxu2QQNaAXHwhMujMAkfhvpz1gSogwEQF/pAA/oV4sIAqIPxkFAHLIwVUBuLkQ/iQkNchPp0BHkhLuTDYocjuVDoAwLNobCKx7MQZ0buxn9CPHgO8VBYNYOEI2AxTIPaWI3SEJdq47rPz1jZIC6VxmqHm17RUAYsjm+wB+rgDH5FZYgL/0M9egjiQmX8hjNQB3vwDYqZClgRn2I8TkM9uoxp+BY1IDayYAnUpd8hyaiBbzEdl6EencZ4fIoKXgPWQ0eswTmoIRexCz9DYFUWh6AOeiEFBFYfYYv7aK6cxRp0RL3kAjbBSsRBQ+gwykBg1SrAF+5qOAUNoTisRBNrwHeQAA2D7hAbLQL+qOoBDYMEvA0RRm3cg4bQIYxBO4iNnFgOdfAoJBntMAaHoSF0D7WtbwOmJGIHBuFtFHJxhx8HdeEEnoI4KIS3MQg7kAg1rI8w9kMN2YQ/8RByQRwUxE844GPvj0B9iAu58BD+NPwdcp8wrkEDOoG3kR3iIC0exhAcgQZwHQvwOfJDXMiOt3ECGtA1EwH3oDLERgoUxisYhv24AzUoEWexCD+iJtJBklEF+yId8A7aQywyoCK+xCJcRSI0TO5iL7qjDXIjBcTiIdwNGnAetmKjR8fQHdYL93tYiSRolDiJzqgLseiOYz62fyvmCcOUJ3EAGuV6oUi0rVD9BBpDtqJstARsj3hojFmBdNEQcDw0Rn0V6YAVcBIao2YjXSQDtoDGsDOoFMmAD0FjXLMHAYN5KJIBW+FBwADq4x40hrWLZMCKOIhEXIsxd3EdDSF+3QeCfPkMAgchOAAAAABJRU5ErkJggg==) no-repeat left center } /**/ /* Multimedia viewer */ .mw-mmv-post-image, .mw-mmv-image-metadata { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { box-shadow: -4px 6px 0 0 var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color); } .mw-mmv-title-para .mw-mmv-ttf-ellipsis::before { background-image: linear-gradient(to right, rgba(var(--wiki-content-background-color--rgb), 0) 0%, var(--wiki-content-background-color) 100%); } .mw-mmv-ttf-ellipsis-container:hover .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover, .mw-mmv-ttf-ellipsis-container .mw-mmv-ttf-container .mw-mmv-ttf-ellipsis:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); } .mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):hover { background-color: var(--wiki-accent-color--hover); } .skin-vector .mw-ui-button.mw-ui-progressive:hover, .skin-vector .mw-ui-button.mw-ui-primary:disabled { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color); border: 2px solid var(--wiki-content-border-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):active, .mw-ui-button.mw-ui-progressive:not(:disabled).is-on { background-color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive { box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.75) inset, 0 0 5px var(--wiki-content-border-color) } /* possibly deprecated */ .mw-ui-input:not(:disabled) { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-ui-input:not(:disabled):hover, .mw-ui-input:not(:disabled):focus { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); box-shadow: none; } .mw-ui-input::placeholder { color:var(--wiki-content-text-mix-color); } /* end possibly deprecated */ .mw-mmv-dialog { background-color: var(--wiki-content-background-color--secondary); box-shadow: 0 2px 2px 0 var(--wiki-content-border-color); } .mw-mmv-dialog .mw-mmv-dialog-down-arrow { background-color: var(--wiki-content-background-color--secondary); } .mw-mmv-options-dialog-header { color: var(--wiki-content-text-color); } .mw-mmv-options-text-header, .mw-mmv-options-text-body { color: var(--wiki-content-text-mix-color); } .mw-mmv-dialog .mw-mmv-dialog-warning { color: #000; } .mw-mmv-dialog .mw-mmv-dialog-warning a { color: #0645ad; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu { background-image: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu span { display: none; } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu::after { display:inline-block; width:8px; height:100%; content:''; --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22m2.023 3 3.49 5.953L9 3z%22 clip-rule=%22evenodd%22/%3E %3C/svg%3E") no-repeat; --mask-size: 12px; --mask-position: center; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: var(--mask-size); mask-size: var(--mask-size); -webkit-mask-position: var(--mask-position); mask-position: var(--mask-position); background-color: currentColor; } .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.76); } .oo-ui-optionWidget-selected .mw-mmv-embed-dimensions { color: rgba(var(--wiki-content-text-color--rgb), 0.82); } .mw-mmv-download-pane .mw-mmv-download-attribution { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-mix-color); } .mw-mmv-download-pane .mw-mmv-download-attribution:hover { background-color: var(--wiki-content-dynamic-color--inverted); color: var(--wiki-content-text-color); } .mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-preview-link, .mw-mmv-download-pane .mw-mmv-download-attribution-cta-invite { color: var(--wiki-content-text-mix-color); } .mw-ui-button.mw-ui-quiet, .mw-ui-button.mw-ui-quiet.mw-ui-progressive, .mw-ui-button.mw-ui-quiet.mw-ui-destructive { color: var(--wiki-accent-color); } .mw-ui-button.mw-ui-progressive:not(:disabled):focus { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 1), inset 0 0 0 2px var(--wiki-accent-color); } input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:active+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:active, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:active, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:active, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-progressive, input[type="checkbox"]:focus+.mw-ui-button.mw-ui-quiet.mw-ui-destructive, .mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus, .mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus { color: var(--wiki-content-text-color); } /**/ /* Echo */ .mw-echo-ui-notificationItemWidget { background-color: var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget { background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.8); } .mw-echo-ui-crossWikiUnreadFilterWidget { border-color:var(--wiki-content-border-color); } .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationItemWidget-unread:hover, .mw-echo-ui-notificationItemWidget:hover, .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background-color:var(--wiki-content-background-color--secondary); } .mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label, .mw-echo-ui-notificationItemWidget-content-message-body { color:var(--wiki-content-text-mix-color); } .mw-echo-ui-notificationsListWidget:not(:hover) a, #p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new, .mw-echo-ui-notificationItemWidget-content-message-header, .mw-echo-ui-notificationItemWidget-content-actions-timestamp{ color:var(--wiki-content-text-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-optionWidget-selected > .oo-ui-buttonElement-button:hover { color: var(--wiki-accent-label-color); } .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { color: var(--wiki-content-text-color); } .mw-echo-ui-pageNotificationsOptionWidget-label-count { background-color:var(--wiki-content-background-color--secondary); color:var(--wiki-content-text-color); } .mw-echo-ui-notificationItemWidget, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { border-color:var(--wiki-content-border-color); } .mw-echo-ui-notificationItemWidget:last-child { border-bottom:1px solid var(--wiki-content-border-color); } .mw-echo-ui-crossWikiNotificationItemWidget-group, .mw-echo-ui-bundleNotificationItemWidget-group { background-color:var(--wiki-content-background-color); } .mw-echo-ui-notificationItemWidget-icon{ filter:brightness(0) var(--wiki-icon-to-link-filter); } .mw-echo-ui-toggleReadCircleButtonWidget-circle { background-color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color:var(--wiki-accent-color); } .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted, .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-pressed.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted{ background-color:rgba(var(--wiki-accent-color--rgb), 0.2); color:var(--wiki-accent-color); } .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count { color:var(--wiki-accent-color); } @-webkit-keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @keyframes unseen-fadeout-to-unread { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color--secondary); } } @-webkit-keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } @keyframes unseen-fadeout-to-read { from { background-color:rgba(var(--wiki-accent-color--rgb),0.2); } to { background-color:var(--wiki-content-background-color); } } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before { border-bottom-color: var(--wiki-content-border-color); } .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after { border-bottom-color: var(--wiki-content-background-color--secondary); } .client-js .mw-echo-special-nojs { filter:var(--wiki-icon-general-filter) } /**/ /************************* * End Vector theme fixes * **************************/ /************** * Codex fixes * ***************/ /* text input */ .cdx-text-input__input:enabled { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .cdx-text-input__input:disabled { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.25); background: var(--wiki-content-text-mix-color-95); color: rgba(var(--wiki-content-text-color--rgb), 0.25); text-shadow: none; border-color: var(--wiki-content-text-mix-color); } .cdx-text-input__input::placeholder { color:var(--wiki-content-text-mix-color); } .cdx-text-input__input:enabled:hover, .cdx-text-input__input:enabled:focus { border-color:var(--wiki-accent-color); } .cdx-text-input__input:enabled:focus { box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-text-input__input:enabled:read-only { background-color:var(--wiki-content-text-mix-color-95); } .cdx-text-input__input:enabled:read-only, .cdx-text-input__input:enabled:read-only:hover, .cdx-text-input__input:enabled:read-only:focus { border-color:var(--wiki-content-text-mix-color); box-shadow:none; } /**/ /* Buttons */ .cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled { background-color: var(--wiki-content-background-color--secondary); color: var(--wiki-content-link-color); border-color: var(--wiki-content-border-color); } .cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover { background-color: var(--wiki-content-text-mix-color-95); background-color: color-mix(in srgb, var(--wiki-content-background-color--secondary) 95%, var(--wiki-content-dynamic-color)); border-color: var(--wiki-content-border-color); border-color: color-mix(in srgb, var(--wiki-content-border-color) 95%, var(--wiki-content-dynamic-color)); color: var(--wiki-content-link-color--hover); } .cdx-button:enabled:active, .cdx-button.cdx-button--fake-button--enabled:active, .cdx-button:enabled.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive { background-color: var(--wiki-accent-color); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover { background-color: var(--wiki-accent-color--hover); color: var(--wiki-accent-label-color); border-color: var(--wiki-accent-color--hover); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color),inset 0 0 0 2px var(--wiki-content-background-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); color: var(--wiki-accent-label-color); } .cdx-button:enabled.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:hover { color: var(--wiki-accent-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive.cdx-button--is-active { background-color: var(--wiki-content-background-color); color: var(--wiki-content-text-color); border-color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive { color: var(--wiki-accent-color); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:hover { background-color:rgba(var(--wiki-accent-color--rgb), 0.1); color: rgba(var(--wiki-accent-color--rgb), 0.9); } .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive:active, .cdx-button:enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet.cdx-button--action-progressive.cdx-button--is-active { background-color: rgba(var(--wiki-accent-color--rgb), 0.3); color: var(--wiki-accent-label-color); border-color: rgba(var(--wiki-accent-color--rgb), 0.3); } .cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active), .cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-content-link-color); } @supports ((-webkit-mask-image:none) or (mask-image:none)) { .cdx-button:enabled.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active .cdx-button__icon, .cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-label-color); } .cdx-button:enabled .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:hover .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:hover .cdx-button__icon { background-color: var(--wiki-content-link-color); } .cdx-button:enabled:active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled:active .cdx-button__icon, .cdx-button:enabled.cdx-button--is-active .cdx-button__icon, .cdx-button.cdx-button--fake-button--enabled.cdx-button--is-active .cdx-button__icon { background-color: var(--wiki-content-link-color); } } /**/ /* Checkboxes */ .cdx-checkbox__icon { background-color:rgba(var(--wiki-content-link-color--rgb),0.05); } .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: rgba(var(--wiki-accent-color--rgb),0.75); } .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .cdx-checkbox__input:enabled:focus:not(:active) + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: rgba(var(--wiki-content-link-color--rgb), 0.9); border-color: rgba(var(--wiki-content-link-color--rgb), 0.9); } .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: rgba(var(--wiki-content-link-color--rgb), 0.5); border-color: rgba(var(--wiki-content-link-color--rgb), 0.5); } .cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon { background-color: var(--wiki-content-link-color); border-color: var(--wiki-content-link-color); } .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { box-shadow: inset 0 0 0 1px var(--wiki-accent-color), inset 0 0 0 2px var(--wiki-accent-label-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled + .cdx-checkbox__icon { border-color: #b32424; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon { border-color: #ff4242; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:active + .cdx-checkbox__icon { background-color: #b32424; border-color: transparent; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:focus + .cdx-checkbox__icon { border-color: var(--wiki-accent-color); } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon { background-color: #d73333; border-color: transparent; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon, cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon { background-color: #ff4242; border-color: #ff4242; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon { background-color: #b32424; border-color: transparent; } .cdx-checkbox--status-error .cdx-checkbox__input:enabled:checked:focus:not(:active) + .cdx-checkbox__icon, .cdx-checkbox--status-error .cdx-checkbox__input:enabled:indeterminate:focus:not(:active) + .cdx-checkbox__icon { background-color: #d73333; border-color: var(--wiki-accent-color); } .cdx-checkbox__input:disabled + .cdx-checkbox__icon { background-color: #c8ccd1; border-color: #c8ccd1; } .cdx-checkbox__input:disabled ~ .cdx-checkbox__label { color: #72777d; } .cdx-checkbox__input:checked:not(:indeterminate) + .cdx-checkbox__icon::before { /* this monstrosity guarantees the checkmark has visual contrast */ /* increasing contrast further has odd effects on the checkmark, so don't do that */ /* note that the assumed input is white, so the it's an inverted icon-to-link-filter which assumes black */ filter:var(--wiki-icon-to-link-filter) saturate(0) contrast(500%); } /**/ /* Switches */ .cdx-toggle-switch__switch { background-color:var(--wiki-content-background-color); border-color:rgba(var(--wiki-content-dynamic-color--rgb), 0.65); } .cdx-toggle-switch__input:enabled ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:focus:not(:active) ~ .cdx-toggle-switch__switch{ background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-accent-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch { background-color:var(--wiki-accent-color); border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch::before, .cdx-toggle-switch__input:enabled:checked:focus:not(:active) ~ .cdx-toggle-switch__switch .cdx-toggle-switch__switch__grip{ border-color:var(--wiki-accent-label-color); } .cdx-toggle-switch__input:enabled:checked:hover ~ .cdx-toggle-switch__switch, .cdx-toggle-switch__input:enabled:checked:focus ~ .cdx-toggle-switch__switch{ background-color: rgba(var(--wiki-accent-color--rgb), 0.75); border-color: rgba(var(--wiki-accent-color--rgb), 0.75); } /**/ /* Tabs */ .ext-wc-editor .cdx-tabs--framed .cdx-tabs__header { background-color:var(--wiki-content-background-color--secondary); border-bottom:1px solid var(--wiki-accent-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"], .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item[aria-selected="true"]:hover { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:enabled:hover { background-color: rgba(var(--wiki-accent-color--rgb), 0.75); color:var(--wiki-accent-label-color); } .cdx-tabs--framed > .cdx-tabs__header .cdx-tabs__list__item:focus-visible, .cdx-tabs:not(.cdx-tabs--framed) > .cdx-tabs__header .cdx-tabs__list__item:focus-visible { box-shadow:inset 0 0 0 2px var(--wiki-accent-color); } /**/ /* Menus */ .cdx-menu { background-color: var(--wiki-content-background-color); border-color: 1px solid var(--wiki-content-border-color); box-shadow: 0 2px 2px rgba(var(--wiki-content-dynamic-color--inverted--rgb,.2)); } .cdx-menu-item--enabled, .cdx-menu-item--enabled .cdx-menu-item__content { color: var(--wiki-content-text-color); } .cdx-menu-item--enabled.cdx-menu-item--highlighted { background-color: rgba(var(--wiki-accent-color--rgb), 0.2); } .cdx-menu-item--enabled.cdx-menu-item--selected { background-color:var(--wiki-content-background-color--secondary); } .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content, .cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description{ color:var(--wiki-accent-color); } /**/ /* Progress bar */ .cdx-progress-bar:not(.cdx-progress-bar--disabled) .cdx-progress-bar__bar { background-color: var(--wiki-accent-color); } .cdx-progress-bar:not(.cdx-progress-bar--disabled).cdx-progress-bar--block { background-color: var(--wiki-content-background-color); } .cdx-progress-bar:not(.cdx-progress-bar--inline) { border-color: rgba(var(--wiki-accent-color--rgb), 0.5); } /**/ /* Cards */ .cdx-card { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .cdx-card__text__title { color: var(--wiki-heading-color); } .cdx-card__text__description, .cdx-card__text__supporting-text, .cdx-card__text__description .cdx-icon, .cdx-card__text__supporting-text .cdx-icon { color: var(--wiki-content-text-color); } /**/ .cdx-icon svg { fill:var(--wiki-content-link-color); } /************ * End codex * *************/ /************************ * Theme-based Scribunto * *************************/ #mw-scribunto-input { background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-border-color); color: var(--wiki-content-text-color); } .mw-scribunto-console-fieldset, .mw-scribunto-message, .mw-scribunto-input, .mw-scribunto-error, .mw-scribunto-print, .mw-scribunto-normalOutput { background: transparent; } .mw-scribunto-console-fieldset { color: var(--wiki-content-text-color); } .mw-scribunto-message { color: var(--wiki-content-text-color); } .mw-scribunto-input { color: var(--wiki-content-text-color--hover); } .mw-scribunto-error { color: var(--wiki-alert-color); } .mw-scribunto-print { color: var(--wiki-content-text-color); } .mw-scribunto-normalOutput { color: var(--wiki-content-text-color); } /**************** * End Scribunto * *****************/ /*************************** * Theme-based VisualEditor * ****************************/ .ve-activated .vector-menu-tabs .selected { box-shadow: inset 0 -1px 0 rgba(var(--wiki-content-border-color--rgb),0.5); } .ve-init-mw-progressBarWidget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-accent-color); box-shadow: 0 1px 1px rgba(var(--wiki-content-dynamic-color--rgb),0.15); } .ve-init-mw-progressBarWidget-bar { background-color:var(--wiki-accent-color); } .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar { border-bottom-color: var(--wiki-content-border-color); } div.ve-ce-branchNode { border-color:var(--wiki-content-border-color); } .ve-ce-focusableNode-highlight { background: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ce-surface-highlights-focused .ve-ce-focusableNode-highlights { opacity: 0.25; } .ve-ce-branchNode-blockSlug, .ve-ce-branchNode-newSlug:not(.ve-ce-branchNode-newSlug-open) { outline-color: var(--wiki-accent-color); background-color: rgba(var(--wiki-content-dynamic-color--inverted--rgb),0.75); } figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'], figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-color: var(--wiki-content-border-color); background-color: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > a:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Image/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Video/Frame'] > span:first-child > *:first-child:not(.mw-broken-media), figure[typeof~='mw:Audio/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) { border-color: var(--wiki-content-border-color); background: var(--wiki-content-background-color--secondary); } figure[typeof~='mw:File/Thumb'] > figcaption, figure[typeof~='mw:File/Frame'] > figcaption, figure[typeof~='mw:Image/Thumb'] > figcaption, figure[typeof~='mw:Video/Thumb'] > figcaption, figure[typeof~='mw:Audio/Thumb'] > figcaption, figure[typeof~='mw:Image/Frame'] > figcaption, figure[typeof~='mw:Video/Frame'] > figcaption, figure[typeof~='mw:Audio/Frame'] > figcaption { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character, .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, .oo-ui-bookletLayout > .oo-ui-menuLayout-menu, .ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu, .ve-ui-specialCharacterPage-character:hover { border-color:var(--wiki-content-border-color); } .ve-ui-specialCharacterPage-character:hover { box-shadow:inset 0 0 1px 1px var(--wiki-accent-color); } .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-disabled .oo-ui-tool-title, .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel { color: var(--wiki-content-text-mix-color); } .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title, .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link .oo-ui-tool-title { color: rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.78); } .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover { background: rgba(var(--wiki-content-link-color--rgb),0.1); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--wiki-accent-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color); } .oo-ui-tabOptionWidget { color: var(--wiki-content-text-mix-color); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover { color: var(--wiki-accent-color--hover); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):active { color: var(--wiki-content-text-color); box-shadow: inset 0 -2px 0 0 var(--wiki-accent-color--hover); } .oo-ui-tabSelectWidget-frameless { box-shadow: inset 0 -1px 0 0 var(--wiki-content-border-color); } .oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input { border-color: var(--wiki-alert-color); } .ve-ce-linkAnnotation.ve-ce-annotation-active { box-shadow: 0 0 0 1px rgba(var(--wiki-content-link-color--rgb), 0.2); background-color: rgba(var(--wiki-content-link-color--rgb), 0.1); } .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label .ve-ui-linkContextItem-label-preview { color: var(--wiki-content-text-mix-color); } .ve-ui-toolbarDialog { background-color: rgba(var(--wiki-content-dynamic-color--rgb),0.05); } .ve-ce-languageAnnotation { background-color: rgba(var(--wiki-content-dynamic-color--rgb), 0.2); border-color:var(--wiki-content-link-color); } .mw-widget-mediaResultWidget-overlay { box-shadow: inset 0 0 0 1px var(--wiki-content-border-color); } .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) > .oo-ui-buttonElement-button { background-color: transparent; border-right-color: rgba(var(--wiki-accent-color--rgb), 0.5); } .oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-background-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover { border-color: var(--wiki-content-text-mix-color); } .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info > .oo-ui-inputWidget-input { background-color: rgba(var(--wiki-accent-color--rgb),0.1); color: var(--wiki-accent-color); } .oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget, .oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget { background-color: var(--wiki-content-text-mix-color-95); border-color: var(--wiki-content-dynamic-color--secondary); } .mw-upload-bookletLayout-filePreview { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwMediaDialog-panel-imageinfo-details { color: var(--wiki-content-text-mix-color); } .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input { -webkit-text-fill-color: rgba(var(--wiki-content-text-color--rgb), 0.5); } .oo-ui-optionWidget.oo-ui-widget-disabled { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLanguagesPage-languages-table th, .ve-ui-mwLanguagesPage-languages-table td { border-bottom-color: var(--wiki-content-border-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: var(--wiki-content-background-color); } .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: rgba(var(--wiki-content-dynamic-color--secondary--rgb), 0.05); } .ve-ui-targetWidget { border-color: var(--wiki-content-border-color); } .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) { background: var(--wiki-content-background-color); } .ve-ui-targetWidget-focused { border-color: var(--wiki-accent-color); box-shadow: inset 0 0 0 1px var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-sticky { background-color: var(--wiki-content-background-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted { color: var(--wiki-content-dynamic-color); } .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage:hover, .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.ve-ui-mwTransclusionOutlineParameterWidget-activePage.oo-ui-optionWidget-highlighted { color: var(--wiki-accent-color); } .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters { color: var(--wiki-content-text-mix-color); } .ve-ui-mwTemplatePage-description { color: var(--wiki-content-text-mix-color); } .ve-ui-mwParameterPage-undocumentedLabel { color: var(--wiki-content-text-mix-color); } .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexDialog-content .oo-ui-bookletLayout-stackLayout h3 { color: var(--wiki-content-text-mix-color); } .ve-ui-mwLatexPage-symbol { border-color: var(--wiki-content-border-color); } .ve-ui-mwGalleryDialog-highlighted-image { background-color: var(--wiki-content-background-color--secondary); } .ve-ui-mwHelpPopupTool-version-label, .ve-ui-mwHelpPopupTool-version-link, .ve-ui-mwHelpPopupTool-version-date { color: var(--wiki-content-text-mix-color); } .ve-ui-mwSaveDialog-summary { background-color: var(--wiki-content-background-color); } .ve-ui-mwSaveDialog-options { background-color: var(--wiki-content-background-color--secondary); border-color: var(--wiki-content-border-color); } .ve-ui-mwSaveDialog-license { color: var(--wiki-content-text-mix-color); } .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:hover, .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) > .oo-ui-buttonElement-button:active { border-right-color: var(--wiki-accent-color); border-left-color: var(--wiki-accent-color); } /******************* * End VisualEditor * ********************/ /************************** * Theme-based AbuseFilter * ***************************/ table.mw-abuselog-details { background: var(--wiki-content-background-color); border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th, table.mw-abuselog-details td, div.mw-abusefilter-editor { border-color: var(--wiki-content-border-color); } table.mw-abuselog-details th { background: var(--wiki-content-background-color--secondary); } body td.mw-abusefilter-history-changed { background-color:rgba(var(--wiki-alert-color--rgb),0.2); } /****************** * End AbuseFilter * *******************/ /*********************** * Theme-based msupload * ************************/ #msupload-div, #msupload-list .file { background-color:var(--wiki-content-background-color); border-color:var(--wiki-content-border-color); } #msupload-select { filter:brightness(0) var(--wiki-icon-to-link-filter); } #msupload-dropzone { border-color:var(--wiki-content-border-color); color:var(--wiki-content-text-color); } .drop-over { background-color:var(--wiki-accent-color); color:var(--wiki-accent-label-color) !important; } #msupload-bottom #msupload-files { padding-left:0; background: none; } #msupload-bottom #msupload-files::before { display:inline-block; background: url(/extensions/MsUpload/resources/images/msu-upload-icon.png?bdd61) no-repeat 0 0; background-position:left center; height:22px; width:25px; content:''; vertical-align: top; filter:var(--wiki-icon-general-filter); } #msupload-list .file .file-size { color: var(--wiki-content-text-mix-color); } #msupload-div a { color: var(--wiki-content-link-color); } #msupload-list .file .file-name:hover { background-color: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-name-input { background: var(--wiki-content-dynamic-color--inverted); } #msupload-list .file .file-warning { color: var(--wiki-warning-color); } /*************************** * End theme-based msupload * ****************************/ /***************************** * Theme-based commentstreams * ******************************/ .cs-title-edit-field { border-color:var(--wiki-accent-color); } .cs-title-edit-field::placeholder, .view-dark .cs-body-edit-field::placeholder { color: var(--wiki-content-text-mix-color); } .cs-edit-box , .cs-expanded .cs-comment-header { background-color: var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .cs-target-comment .cs-comment-header { border-color:var(--wiki-accent-color); } .cs-comment-author a { color: var(--wiki-content-link-color); } .cs-comment-details { color: rgba(var(--wiki-content-text-color--rgb), 0.6); } .cs-comment { border:1px solid var(--wiki-content-border-color); } .cs-comment-body { padding:0 5px; } /********************************* * End theme-based commentstreams * **********************************/ /************************ * Theme-based checkuser * *************************/ .mw-datatable.ext-checkuser-investigate-table tr:hover td { background-color:var(--wiki-content-background-color); } .mw-datatable.ext-checkuser-investigate-table th { background-color:var(--wiki-content-background-color--secondary); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) .ext-checkuser-investigate-table-row-hover-data-match td, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr:hover td{ background-color:rgba(var(--wiki-warning-color--rgb),0.1); } .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable.ext-checkuser-investigate-table-pinned .ext-checkuser-investigate-table-row-pinned-data-match td.ext-checkuser-investigate-table-cell-pinned-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td.ext-checkuser-investigate-table-cell-hover-data-match, .ext-checkuser-investigate-table.mw-datatable:not(.ext-checkuser-investigate-table-pinned) tr td:hover.ext-checkuser-investigate-table-cell-pinnable { background-color:rgba(var(--wiki-warning-color--rgb),0.4); } .ext-checkuser-investigate-copy-message.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice { background-color:var(--wiki-content-background-color--secondary); border-color:var(--wiki-content-border-color); } .mw-special-Investigate .ext-checkuser-investigate-subtitle-fieldset { background-color:var(--wiki-content-background-color--secondary); } /**************** * End checkuser * *****************/ /********************* * Mobile adjustments * **********************/ @media screen and (max-width:720px) { :root { --wiki-content-right-margin: 0px; --wiki-content-padding:0.5rem; --wiki-navigation-right-margin: 1px; --wiki-navigation-left-margin: 0px; --wiki-navigation-top-padding: 5px; --wiki-navigation-bottom-padding:0px; --wiki-navigation-height:2rem; --wiki-navigation-search-height:2.15rem; --wiki-navigation-search-margin:0.5rem; --wiki-logo-height: 80px; --wiki-logo-width: 100%; --wiki-logo-margin: 10px; --wiki-head-height: calc(var(--wiki-logo-height) + (var(--wiki-logo-margin) * 2) + var(--wiki-navigation-height) + var(--wiki-navigation-top-padding) + var(--wiki-navigation-bottom-padding)); --wiki-head-icon-padding: 0.25rem; --wiki-head-icon-size: calc(var(--wiki-navigation-height) - var(--wiki-head-icon-padding) * 2); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-menu-margin: 0.2rem; --wiki-menu-top-offset: calc(var(--wiki-head-height) + var( --wikigg-header-height ) + var(--wiki-navigation-bottom-padding) + var(--wiki-navigation-search-margin)); } #mw-page-base, #mw-head-base { height:var(--wiki-head-height); } #mw-page-base { padding-top: var( --wikigg-header-height ); } #mw-head-base { margin-top:calc(var(--wiki-head-height) * -1); } #p-logo, #p-logo a { height: var(--wiki-logo-height); width: var(--wiki-logo-width); } #p-logo { position:absolute; background:none; padding:0; left:0; margin:var(--wiki-logo-margin) 0; transform:none; top:calc(var(--wikigg-header-height)); } .mw-wiki-logo { background-size:contain; } #mw-head { left:0; width:100%; top:calc(var(--wiki-head-height) + var( --wikigg-header-height ) - var(--wiki-navigation-height)); border:none; border-image:none; } #mw-navigation { position:unset; } #left-navigation, #right-navigation { margin-top: 0; height:var(--wiki-navigation-height); } #right-navigation { margin-right: var(--wiki-navigation-right-margin); } div#left-navigation { margin-left: var(--wiki-navigation-left-margin); } div#right-navigation div#p-search { margin-right: 0; } .vector-menu-tabs-legacy, .vector-menu-dropdown { height:var(--wiki-navigation-height); } .vector-menu-tabs-legacy li a { height:var(--wiki-navigation-height); } #p-cactions { padding-bottom: 0px; } #p-search { position: absolute; left: 50%; transform:translateX(-50%); top: calc(var(--wiki-navigation-height) + var(--wiki-navigation-bottom-padding)); margin-left:0px; z-index: 4 /** above #mw-panel **/; } #simpleSearch { width: calc(100vw - var(--wiki-navigation-right-margin) - var(--wiki-navigation-left-margin)); } .vector-search-box-input { height:var(--wiki-navigation-search-height); } .vector-search-box form { margin:var(--wiki-navigation-search-margin) 0px; } .mw-body, .mw-footer { border-left-width: 0; border-right-width: 0; } .mw-body { margin-top: 0; padding-top:calc(var(--wiki-content-padding) + var(--wiki-navigation-search-height) + var(--wiki-navigation-bottom-padding) + (var(--wiki-navigation-search-margin) * 2)); } #mw-panel { position: unset; width:100%; margin: 0px auto; padding: 0; top: 0; background-position:bottom right, top center; background-size:100% 0.5em, 100% 100%; float:unset; } .vector-menu-dropdown .vector-menu-content { right: 0; left: unset; } #mw-panel .vector-menu-portal { box-sizing:border-box; border-left-width:0; border-right-width:0; background-color: var(--wiki-sidebar-background-color); } table.wikitable, table.responsive-table { display: block; overflow-x: scroll; } .gallerybox, .gallerybox > div, .gallerybox .thumb { max-width:100%; } /* disable float on RecentChanges legend */ .mw-changeslist-legend { float: none; margin: 0 auto; } /* advanced search options */ #mw-searchoptions table { float: none; } #mw-searchoptions table td { display: block; } /* popup when clicking the download button in multimediaviewer */ .mw-mmv-dialog { width: unset; } /* turn math elements into scroll blocks unless they're an immediate child of a span */ :not(span) > math.mwe-math-element { overflow: auto hidden; max-width: 100%; } /* Expandable mobile navigation panel */ body.has-vector-mobile-menu #mw-panel { position: absolute; top: var(--wiki-menu-top-offset); z-index: 3; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle { position: relative; z-index: 5; display: block; appearance: none; border: 1px solid var(--wiki-content-border-color); margin-left: var(--wiki-navigation-search-margin); margin-bottom: 2px; background-color: var(--wiki-content-background-color--secondary); } body.has-vector-mobile-menu #mw-panel .vector-menu-portal { display: none; } body.has-vector-mobile-menu #mw-panel .mobile-nav-toggle.nav--expanded ~ .vector-menu-portal { display: block; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal { text-align: left; font-size: 110%; border-left-width: 1px; border-right-width: 1px; margin-inline: calc(var(--wiki-navigation-left-margin) + var(--wiki-menu-margin)); } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal + .vector-menu-portal { border-top-width: 0; } body.has-vector-mobile-menu #mw-navigation #mw-panel .vector-menu-portal:not(:last-child) { border-bottom-width: 0; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list { display: flex; flex-wrap: wrap; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a { display: block; padding: 0.2rem 0.5rem; border: 1px solid transparent; } body.has-vector-mobile-menu #mw-panel .vector-menu-content-list a:hover { border-color: var(--wiki-content-link-color); } body.has-vector-mobile-menu #mw-panel #p-navigation-label { display: block; } body.has-vector-mobile-menu #p-logo { /* Logo's a part of the sidebar panel, which uses relative positioning for the expandable button. Offset the logo appropriately. */ top: calc( -1 * var( --wiki-menu-top-offset ) + var( --wikigg-header-height ) ); } .mobile-nav-toggle { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M1 3v2h18V3zm0 8h18V9H1zm0 6h18v-2H1z'/%3E%3C/svg%3E%0A"); } body.has-vector-mobile-menu #p-tb .mw-list-item > a { display: inline-flex; } body.has-vector-mobile-menu #p-tb .vector-menu-content-list { flex-direction: row; } /* Search adjustments for the expandable menu */ body.has-vector-mobile-menu #p-search { /* reposition to the right when mobile sidebar menu is active */ left: calc(var(--wiki-navigation-search-margin) * 3 + var(--wiki-head-icon-size) + var(--wiki-head-icon-padding)); right: calc(var(--wiki-navigation-right-margin) + var(--wiki-navigation-search-margin)); transform: none; } body.has-vector-mobile-menu #simpleSearch { width: 100%; margin: 0 auto; } /* icon navbar tabs + expandable nav panel icon */ #mw-head { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading, #mw-panel .mobile-nav-toggle { line-height:var(--wiki-head-icon-size); width: var(--wiki-head-icon-size); /* same as line height */ height: var(--wiki-head-icon-size); box-sizing: content-box; padding: var(--wiki-head-icon-padding); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before, #mw-panel .mobile-nav-toggle::before { content: ""; display: block; position: unset; background-image: none; width: var(--wiki-head-icon-size); height: var(--wiki-head-icon-size); margin: 0; --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--wiki-navigation-text-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before, #mw-panel .mobile-nav-toggle:hover::before, #mw-panel .mobile-nav-toggle.nav--expanded::before { background-color: var(--wiki-navigation-selected-text-color); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-ve-edit, #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z'/%3E%3C/svg%3E%0A"); } #ca-ve-edit + #ca-edit { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20' aria-hidden='true'%3E%3C!----%3E%3Cg%3E%3Cpath d='M1 3v14h3v-2H3V5h1V3zm4 0v14h4v-2H7V5h2V3zm11 0v2h1v10h-1v2h3V3zm-5 0v2h2v10h-2v2h4V3z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 14.5a4.5 4.5 0 1 1 4.5-4.5 4.5 4.5 0 0 1-4.5 4.5M10 3C3 3 0 10 0 10s3 7 10 7 10-7 10-7-3-7-10-7'/%3E%3Ccircle cx='10' cy='10' r='2.5'/%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E article %3C/title%3E%3Cpath d='M5 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm0 3h5v1H5zm0 2h5v1H5zm0 2h5v1H5zm10 7H5v-1h10zm0-2H5v-1h10zm0-2H5v-1h10zm0-2h-4V4h4z'/%3E%3C/svg%3E%0A"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M9 6v5h.06l2.48 2.47 1.41-1.41L11 10.11V6z'/%3E%3Cpath d='M10 1a9 9 0 0 0-7.85 13.35L.5 16H6v-5.5l-2.38 2.38A7 7 0 1 1 10 17v2a9 9 0 0 0 0-18'/%3E%3C/svg%3E%0A"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Ccircle cx='3' cy='10' r='2'/%3E%3Ccircle cx='17' cy='10' r='2'/%3E%3C/svg%3E%0A"); } #ca-watch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 7h-7L10 .5 7 7H0l5.46 5.47-1.64 7 6.18-3.7 6.18 3.73-1.63-7zm-10 6.9-3.76 2.27 1-4.28L3.5 8.5h4.61L10 4.6l1.9 3.9h4.6l-3.73 3.4 1 4.28z'/%3E%3C/svg%3E%0A"); } #ca-unwatch { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' id='Outlined'%3E%3Cg style='fill:%23000000;fill-opacity:1' id='Fill'%3E%3Cpath style='fill:%23000000;fill-opacity:1' id='path1380' d='M 28.61,11.67 H 20 L 17.34,3.47 C 16.920093,2.1973942 15.119907,2.1973942 14.7,3.47 L 12,11.67 H 3.39 c -1.3409796,0.0031 -1.900508,1.71581 -0.82,2.51 l 7,5.07 -2.68,8.21 C 6.5980433,28.35747 7.2662365,29.278767 8.21,29.28 8.4953889,29.267666 8.7705436,29.170143 9,29 l 7,-5.07 7,5.07 c 0.236205,0.170386 0.518805,0.264586 0.81,0.27 0.943763,-0.0012 1.611957,-0.92253 1.32,-1.82 l -2.66,-8.21 7,-5.07 c 1.075277,-0.810084 0.486081,-2.522863 -0.86,-2.5 z' /%3E%3C/g%3E%3C/svg%3E"); } .vector-menu-tabs #ca-watch.icon a:hover::before, .vector-menu-tabs #ca-unwatch.icon a:hover::before { background-image:none; } /* RecentChanges - prevent overflow on long summaries */ .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left:0; } .mw-changeslist-line-inner-comment, .mw-changeslist-line .comment { font-size:0.9em; word-break:break-all; } .mw-userlink { overflow-wrap:anywhere; } } /* Hide the expandable navigation button for desktop users */ .mobile-nav-toggle { display: none; } /************* * End mobile * **************/ /* All local skin customizations should go below this line */ 5c84b153b3b3b691174e5364cbe1319759b83bf1 6 220 252 249 2024-09-24T07:26:08Z JustLeafy 396175 Protected "[[File:Site-logo.png]]": Part of skin ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki == Summary == The logo for [[Thank Goodness You're Here!]] == Licensing == {{License|game}} 8f1c44075c45d5e8a1ee9ebb84412bc09b9413e8 6 222 253 2024-09-26T04:14:12Z Aeywoo 30671 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 254 253 2024-09-26T04:14:29Z Aeywoo 30671 Protected "[[File:Site-favicon.ico]]": Part of skin: Part of skin ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite) [Upload=Allow only administrators] (indefinite)) wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 14 225 258 2024-09-29T01:56:46Z Mr Pie 5 2833 Created page with "[[Category:Templates]]" wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 259 258 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki [[Category:Templates]] 06eecdec29f6cb215c99cf216d1e3bdc8c30a95e 10 231 270 2024-09-29T01:57:32Z Mr Pie 5 2833 wikitext text/x-wiki <includeonly>{{#invoke:Main page|main |desktop={{{desktop|}}} |tablet={{{tablet|}}} |mobile={{{mobile|}}} }} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]]</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 0e6dce6bb0d4ca77ead54e18a544fbe93e709f62 271 270 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki <includeonly>{{#invoke:Main page|main |desktop={{{desktop|}}} |tablet={{{tablet|}}} |mobile={{{mobile|}}} }} __NOTITLE__ __NOTOC__ __NOEDITSECTION__ [[Category:{{SITENAME}}| ]]</includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 0e6dce6bb0d4ca77ead54e18a544fbe93e709f62 10 227 262 2024-09-30T18:44:12Z Mr Pie 5 2833 Mr Pie 5 moved page [[Template:Main page section/start]] to [[Template:Main page box/start]] without leaving a redirect wikitext text/x-wiki <includeonly><div class="mp-box {{{class|}}}" style="grid-area:{{{id}}}; {{{style|}}}" id="mp-box-{{{id|}}}"> <div class="mp-edit-link">[{{fullurl:Template:Main page/{{{id}}}}}?action=edit Edit Template:Main page/{{{id}}}]</div><!-- -->{{#if:{{{title|{{{1|}}}}}}| <h2> {{{title|{{{1|}}}}}} </h2> }}<div class="mp-body"> </includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 986fa98b24cfd769fed77f54a27e2ed19daaac04 263 262 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki <includeonly><div class="mp-box {{{class|}}}" style="grid-area:{{{id}}}; {{{style|}}}" id="mp-box-{{{id|}}}"> <div class="mp-edit-link">[{{fullurl:Template:Main page/{{{id}}}}}?action=edit Edit Template:Main page/{{{id}}}]</div><!-- -->{{#if:{{{title|{{{1|}}}}}}| <h2> {{{title|{{{1|}}}}}} </h2> }}<div class="mp-body"> </includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 986fa98b24cfd769fed77f54a27e2ed19daaac04 10 228 264 2024-09-30T18:44:12Z Mr Pie 5 2833 Mr Pie 5 moved page [[Template:Main page section/start/doc]] to [[Template:Main page box/start/doc]] without leaving a redirect wikitext text/x-wiki See [[Template:Main page section]] for information on how to use this. ==Templatedata== <templatedata> { "params": { "class": { "label": "Class", "description": "Additional classes to give to the box wrapping this section.", "example": "centered-content", "suggestedvalues": [ "centered-content", "has-floating-image" ] }, "id": { "label": "ID", "description": "This should be set to the subpage name of this section. If done incorrectly, this section will not appear on the page.", "example": "welcome", "type": "string", "required": true }, "style": { "label": "Style", "description": "Inline CSS to add to the box wrapping this section", "example": "text-align:center;", "type": "string" }, "title": { "aliases": [ "1" ], "label": "Title", "description": "The title of this section.", "example": "Welcome to the wiki!", "type": "content", "suggested": true } }, "description": "Creates a section for use on the main page.", "paramOrder": [ "title", "id", "class", "style" ], "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 0c96ae0b123f69c7968c64ecf2cd6799738796f1 265 264 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki See [[Template:Main page section]] for information on how to use this. ==Templatedata== <templatedata> { "params": { "class": { "label": "Class", "description": "Additional classes to give to the box wrapping this section.", "example": "centered-content", "suggestedvalues": [ "centered-content", "has-floating-image" ] }, "id": { "label": "ID", "description": "This should be set to the subpage name of this section. If done incorrectly, this section will not appear on the page.", "example": "welcome", "type": "string", "required": true }, "style": { "label": "Style", "description": "Inline CSS to add to the box wrapping this section", "example": "text-align:center;", "type": "string" }, "title": { "aliases": [ "1" ], "label": "Title", "description": "The title of this section.", "example": "Welcome to the wiki!", "type": "content", "suggested": true } }, "description": "Creates a section for use on the main page.", "paramOrder": [ "title", "id", "class", "style" ], "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 0c96ae0b123f69c7968c64ecf2cd6799738796f1 10 229 266 2024-09-30T18:44:12Z Mr Pie 5 2833 Mr Pie 5 moved page [[Template:Main page section/end]] to [[Template:Main page box/end]] without leaving a redirect wikitext text/x-wiki <includeonly></div> </div></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 506617faba565eb65144b21c3ead8fe5c2010b55 267 266 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki <includeonly></div> </div></includeonly><noinclude> {{doc}} [[Category:Main page templates]] </noinclude> 506617faba565eb65144b21c3ead8fe5c2010b55 10 234 276 2024-09-30T18:45:55Z Mr Pie 5 2833 wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki | id = contribute }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> d94ea6811a9079d557ff094b2b059182cfc119f0 277 276 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki {{Main page box/start | title = Contribute to the wiki | id = contribute }} {{SITENAME}} is a collaborative wiki resource that is open for anyone to edit. You don't need special permission beyond [[Special:UserLogin/signup|registering]] an account to edit most pages, and your contributions can grow the wiki and help other players. ; '''Adding content''' :* If you are unsure of what to do or how to create a page, search for a few articles on the same topic and see what they look like. You can always view the source code in a wiki and learn from what others have done. :* An edit doesn't have to be massive; if you feel you don't want to create whole articles, then just fixing spelling errors and broken links is enough. :* [[Special:UserLogin/signup|Register]] to edit and track your contributions. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> d94ea6811a9079d557ff094b2b059182cfc119f0 14 230 268 2024-09-30T18:46:12Z Mr Pie 5 2833 Mr Pie 5 moved page [[Category:Main page sections]] to [[Category:Main page boxes]] without leaving a redirect wikitext text/x-wiki [[Category:Main page templates]] ce086f8cfa39aeb8137ffe34e5d41aa38300cf4e 269 268 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki [[Category:Main page templates]] ce086f8cfa39aeb8137ffe34e5d41aa38300cf4e 10 235 278 2024-09-30T18:46:26Z Mr Pie 5 2833 wikitext text/x-wiki {{Main page box/start | title = Welcome to the wiki.gg Sandbox Wiki | id = welcome }} Where you can break stuff and not many people will care. We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> c96a44c53a90a6a64a37693b172bc0f87fc0398e 279 278 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki {{Main page box/start | title = Welcome to the wiki.gg Sandbox Wiki | id = welcome }} Where you can break stuff and not many people will care. We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> c96a44c53a90a6a64a37693b172bc0f87fc0398e 294 279 2024-10-04T04:58:24Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = Welcome to the Thank Goodness You're Here! Wiki | id = welcome }} A wiki about the comedic adventure game ''[[Thank Goodness You're Here!]]'' that anybody can edit! We are currently maintaining [[Special:AllPages|{{NUMBEROFARTICLES}} articles]]. Please feel free to contribute by creating new articles or expanding existing ones. {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> d31cf7135ce333fcb38a4a3e95800835220519d2 10 236 280 2024-09-30T18:46:40Z Mr Pie 5 2833 wikitext text/x-wiki {{Main page box/start | title = About the subject | id = about }} Now this is a story all about how my life got flipped, turned upside-down, and I'd like to take a minute, just sit right there, I'll tell you how I became the prince of a town called Bel-air. <div style="text-align:right;">[[{{SITENAME}}|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> b5987c73dd13ff16e09c4fe8dee1a25432cbb60d 281 280 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki {{Main page box/start | title = About the subject | id = about }} Now this is a story all about how my life got flipped, turned upside-down, and I'd like to take a minute, just sit right there, I'll tell you how I became the prince of a town called Bel-air. <div style="text-align:right;">[[{{SITENAME}}|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> b5987c73dd13ff16e09c4fe8dee1a25432cbb60d 296 281 2024-10-04T05:01:06Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = About the game | id = about }} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. <div style="text-align:right;">[[Thank Goodness You're Here!|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> a71bb38cd6e544955318b9d7e586585509632093 297 296 2024-10-04T05:01:26Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = About the game | id = about }} [[File:Thank Goodness You're Here!|thumb|link=Thank Goodness You're Here!]] '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. <div style="text-align:right;">[[Thank Goodness You're Here!|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 72d0304873e5fd301f243d8993ad636a8bad3488 298 297 2024-10-04T05:01:38Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = About the game | id = about }} [[File:Thank Goodness You're Here!.jpg|thumb|link=Thank Goodness You're Here!]] '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. <div style="text-align:right;">[[Thank Goodness You're Here!|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 5f0dbcded80fac4cd2b080a58f47f2939b998201 299 298 2024-10-04T05:01:50Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = About the game | id = about }} [[File:Thank Goodness You're Here!.jpg|thumb|right|link=Thank Goodness You're Here!]] '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. <div style="text-align:right;">[[Thank Goodness You're Here!|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> df8ca4d282c7097994eb54b81d968fdec2fe85ce 300 299 2024-10-04T05:01:55Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = About the game | id = about }} [[File:Thank Goodness You're Here!.jpg|right|link=Thank Goodness You're Here!]] '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. <div style="text-align:right;">[[Thank Goodness You're Here!|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 7c9949cc434322a6301018b44c4444bd0705b3e8 301 300 2024-10-04T05:02:02Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = About the game | id = about }} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. <div style="text-align:right;">[[Thank Goodness You're Here!|Read more]]</div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> a71bb38cd6e544955318b9d7e586585509632093 10 237 282 2024-09-30T18:46:54Z Mr Pie 5 2833 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Special:Random}} * {{MP link|Special:Random}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 0c4e9d4b481ac20bd31fa2151457b042a5d13e97 283 282 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Special:Random}} * {{MP link|Special:Random}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 0c4e9d4b481ac20bd31fa2151457b042a5d13e97 295 283 2024-10-04T04:59:18Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Characters}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 39872b71f8bc16593676415008b6d14d74aea58b 828 238 284 2024-09-30T19:46:16Z Mr Pie 5 2833 Scribunto text/plain local p = {} function p.main(frame) -- DEBUG -- local frame = mw.getCurrentFrame() -- frame.args['desktop'] = '\nwelcome welcome welcome\nabout about links\n' -- frame.args['tablet'] = '\nwelcome welcome\nabout links\n' -- frame.args['mobile'] = '\nwelcome\nabout\nlinks\n' -- END DEBUG -- parse the arguments into CSS variables that contain legal syntax for grid-template-areas local desktop = '--main-page-layout--desktop' .. ': \'' .. string.gsub(mw.text.trim(frame.args['desktop']), '\n', "' '") .. '\';' local tablet = '--main-page-layout--tablet' .. ': \'' .. string.gsub(mw.text.trim(frame.args['tablet']), '\n', "' '") .. '\';' local mobile = '--main-page-layout--mobile' .. ': \'' .. string.gsub(mw.text.trim(frame.args['mobile']), '\n', "' '") .. '\';' local boxes = {} -- helper function for the next part, checks if an array-like table contains a value function contains(t, entry) for _,value in pairs(t) do if value == entry then return true end end return false end -- add every box referenced in the layout rules once -- we check all 3 layouts so that typos or other errors will clearly surface for _,value in pairs(mw.text.split(mw.text.trim(frame.args['desktop'] .. '\n' .. frame.args['tablet'] .. '\n' .. frame.args['mobile']), '%s')) do if not (value == "" or contains(boxes, value)) then table.insert(boxes, value) end end mw.logObject(boxes) -- start our mp-container wrapper, and add our variables from earlier as inline styles to declare them local output = '<div id="mp-container" style="' .. desktop .. tablet .. mobile .. '">' -- loop through boxes and add the relevant 'Template:Main page' subpages into the output for _,box in pairs(boxes) do if mw.title.new('Template:Main page/' .. box).exists then output = output .. frame:expandTemplate{ title = 'Main page/' .. box} else output = output .. frame:expandTemplate{ title = 'Main page box/start', args = { id = box, style = 'text-align:center;' } } .. '<p>The "' .. box .. '" box does not exist. Check your spelling or create it here:</p><br/>' .. frame:expandTemplate{ title = 'Main page box/create', args = { box } } .. '<br/><p>See [[Template:Main page box]] for more information.</p>' .. frame:expandTemplate{ title = 'Main page box/end' } end end output = output .. '</div>' return output end return p 7747222fba8dced35a4b283a58835ee34e328df4 285 284 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework Scribunto text/plain local p = {} function p.main(frame) -- DEBUG -- local frame = mw.getCurrentFrame() -- frame.args['desktop'] = '\nwelcome welcome welcome\nabout about links\n' -- frame.args['tablet'] = '\nwelcome welcome\nabout links\n' -- frame.args['mobile'] = '\nwelcome\nabout\nlinks\n' -- END DEBUG -- parse the arguments into CSS variables that contain legal syntax for grid-template-areas local desktop = '--main-page-layout--desktop' .. ': \'' .. string.gsub(mw.text.trim(frame.args['desktop']), '\n', "' '") .. '\';' local tablet = '--main-page-layout--tablet' .. ': \'' .. string.gsub(mw.text.trim(frame.args['tablet']), '\n', "' '") .. '\';' local mobile = '--main-page-layout--mobile' .. ': \'' .. string.gsub(mw.text.trim(frame.args['mobile']), '\n', "' '") .. '\';' local boxes = {} -- helper function for the next part, checks if an array-like table contains a value function contains(t, entry) for _,value in pairs(t) do if value == entry then return true end end return false end -- add every box referenced in the layout rules once -- we check all 3 layouts so that typos or other errors will clearly surface for _,value in pairs(mw.text.split(mw.text.trim(frame.args['desktop'] .. '\n' .. frame.args['tablet'] .. '\n' .. frame.args['mobile']), '%s')) do if not (value == "" or contains(boxes, value)) then table.insert(boxes, value) end end mw.logObject(boxes) -- start our mp-container wrapper, and add our variables from earlier as inline styles to declare them local output = '<div id="mp-container" style="' .. desktop .. tablet .. mobile .. '">' -- loop through boxes and add the relevant 'Template:Main page' subpages into the output for _,box in pairs(boxes) do if mw.title.new('Template:Main page/' .. box).exists then output = output .. frame:expandTemplate{ title = 'Main page/' .. box} else output = output .. frame:expandTemplate{ title = 'Main page box/start', args = { id = box, style = 'text-align:center;' } } .. '<p>The "' .. box .. '" box does not exist. Check your spelling or create it here:</p><br/>' .. frame:expandTemplate{ title = 'Main page box/create', args = { box } } .. '<br/><p>See [[Template:Main page box]] for more information.</p>' .. frame:expandTemplate{ title = 'Main page box/end' } end end output = output .. '</div>' return output end return p 7747222fba8dced35a4b283a58835ee34e328df4 10 232 272 2024-09-30T20:56:25Z Mr Pie 5 2833 Created page with "This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span mu..." wikitext text/x-wiki This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.). For example, the following input to desktop: <pre style="display:table;"> welcome welcome welcome about links links about contribute contribute </pre> would produce a grid resembling the following: {| class="wikitable" | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(0,0,255, 0.15)" | links | style="background-color:rgba(0,0,255, 0.15)" | links |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(255,255,0, 0.15)" | contribute | style="background-color:rgba(255,255,0, 0.15)" | contribute |} Where <code>welcome</code> is the contents of [[Template:Main page/welcome]], <code>about</code> is the contents of [[Template:Main page/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes. If you enter a keyword that does not have a corresponding template already, you'll be prompted to create one. For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help. ==Technical explanation== For the CSS savvy, this section explains how it works a bit under the hood. The input to desktop, tablet, and mobile create [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS variables] which are then used as the value of [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas grid-template-areas] in media queries for screen widths >=1350px, >=990px, and <990px. The id of the boxes should be equal to the subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of <code>mp-box-<keyword></code>. Since these keywords are used directly in the grid layout, they must follow the rules of [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident>] naming. ==Templatedata== <templatedata> { "params": { "desktop": { "label": "Desktop", "description": "The layout for wide screens", "required": true, "type": "string" }, "tablet": { "label": "Tablet", "description": "The layout for mid-width screens", "required": true, "type": "string" }, "mobile": { "label": "Mobile", "description": "The layout for narrow screens", "required": true, "type": "string" } }, "description": "Creates an IMP Main Page.", "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 49399ec686b9289b21d78819f2eb001bd778206b 273 272 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki This template is used to create an IMP Main Page. It uses [[Module:Main page]] to arrange a series of [[Template:Main page box]]es in a [https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout CSS grid]. ==Simple explanation== The layout is made using keywords arranged in a grid. This grid has 3 columns on desktop-width screens, 2 columns on tablet, and 1 on mobile. Each can have as many rows as you want. Each keyword represents the same section and can span multiple rows and/or columns, but ''must'' form a contiguous rectangle of any dimension (1x1, 1x2, 2x2, 2x3, etc.). For example, the following input to desktop: <pre style="display:table;"> welcome welcome welcome about links links about contribute contribute </pre> would produce a grid resembling the following: {| class="wikitable" | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome | style="background-color:rgba(0,255,0,0.15)" | welcome |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(0,0,255, 0.15)" | links | style="background-color:rgba(0,0,255, 0.15)" | links |- | style="background-color:rgba(255,0,255, 0.15)" | about | style="background-color:rgba(255,255,0, 0.15)" | contribute | style="background-color:rgba(255,255,0, 0.15)" | contribute |} Where <code>welcome</code> is the contents of [[Template:Main page/welcome]], <code>about</code> is the contents of [[Template:Main page/about]], and so on. See [[Template:Main page box]] for more information about creating your own boxes. If you enter a keyword that does not have a corresponding template already, you'll be prompted to create one. For additional hints and information, see the comments that came on your main page or ask a wiki.gg staff member for help. ==Technical explanation== For the CSS savvy, this section explains how it works a bit under the hood. The input to desktop, tablet, and mobile create [https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties CSS variables] which are then used as the value of [https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas grid-template-areas] in media queries for screen widths >=1350px, >=990px, and <990px. The id of the boxes should be equal to the subpage name, which is then used by the module to find the template, as well as by the box templates to assign them a CSS id of <code>mp-box-<keyword></code>. Since these keywords are used directly in the grid layout, they must follow the rules of [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident>] naming. ==Templatedata== <templatedata> { "params": { "desktop": { "label": "Desktop", "description": "The layout for wide screens", "required": true, "type": "string" }, "tablet": { "label": "Tablet", "description": "The layout for mid-width screens", "required": true, "type": "string" }, "mobile": { "label": "Mobile", "description": "The layout for narrow screens", "required": true, "type": "string" } }, "description": "Creates an IMP Main Page.", "format": "block" } </templatedata> <noinclude>[[Category:Template documentation]]</noinclude> 49399ec686b9289b21d78819f2eb001bd778206b 10 233 274 2024-10-01T19:27:47Z Mr Pie 5 2833 wikitext text/x-wiki {{#tag: inputbox | type = create width = 40 default = {{{1|}}} buttonlabel = Create this box prefix = Template:Main page box/ placeholder = box name (no spaces) preload = Template:Main page box/preload summary = Created using preload preloadparams[] = {{su<noinclude></noinclude>bst:SUBPAGENAME}} }}<noinclude>[[Category:Main page templates]]</noinclude> 2948363a14deeefc971f06e47ed620d2f86844ab 275 274 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki {{#tag: inputbox | type = create width = 40 default = {{{1|}}} buttonlabel = Create this box prefix = Template:Main page box/ placeholder = box name (no spaces) preload = Template:Main page box/preload summary = Created using preload preloadparams[] = {{su<noinclude></noinclude>bst:SUBPAGENAME}} }}<noinclude>[[Category:Main page templates]]</noinclude> 2948363a14deeefc971f06e47ed620d2f86844ab 10 223 255 2024-10-03T05:44:26Z Aeywoo 30671 Created [[Template:Infobox game]]. wikitext text/x-wiki <includeonly>{{#invoke:Infobox|main |sep=, |title={{#vardefineecho:name|{{#if:{{{name|}}}|{{{name}}}|{{PAGENAME}}}}}} |image={{#if:{{{image|}}}|[[File:{{{image}}}{{!}}300px{{!}}]]}} |sections=General Info,Technical Details |General Info=Developer,Publisher,Release date,Store platforms,Prices,Age ratings |Developer={{{developer|}}} |Publisher={{{publisher|}}} |Release date={{{releaseDate|}}} |Store platforms={{{storePlatforms|}}} |Prices={{{prices|}}} |Age ratings={{{ageRatings|}}} |Technical Details=Platforms,Genres,Game engine |Platforms={{{platforms|}}} |Genres={{{topSpeed|}}} |Game engine={{{gameEngine|}}} }}</includeonly><noinclude>{{/doc}}</noinclude> 061d47f162fa71b767116c332fa178ea2ad2334a 10 224 256 2024-10-03T05:44:30Z Aeywoo 30671 Created [[Template:Infobox game/doc]]. wikitext text/x-wiki == Syntax == <pre>{{Infobox game |name = |image = |developer = |publisher = |releaseDate = |storePlatforms = |prices = |ageRatings = |platforms = |genres = |gameEngine = }}</pre> == Example == {{Infobox game |name = Thank Goodness You're Here! |image = Thank Goodness You're Here! Store Icon.png |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July 2024 |storePlatforms = Apple Mac Store, Steam Store, Epic Games Store, PlayStation Store, Nintendo Switch Store |prices = $999 |ageRatings = R18+ (ACB: Australia) |platforms = MacOS, PC, PlayStation 4/5, Nintendo Switch |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]] }} <includeonly>[[Category:Infobox templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 05c5915e6e84cbe7b05696bd22fb008421b3e76d 257 256 2024-10-03T06:42:42Z Aeywoo 30671 Updated. wikitext text/x-wiki == Syntax == <pre>{{Infobox game |name = |image = |developer = |publisher = |releaseDate = |storePlatforms = |prices = |ageRatings = |platforms = |genres = |gameEngine = }}</pre> == Example == {{Infobox game |name = Thank Goodness You're Here! |image = Thank Goodness You're Here! Store Icon.png |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July 2024 |storePlatforms = [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Apple Mac Store], [https://store.steampowered.com/app/2366980/ Steam Store], [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Epic Games Store], [https://store.playstation.com/concept/10007988/ PlayStation Store], [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Nintendo Switch Store] |prices = [[Wikipedia:Australian dollar|AUD]]: $29.99<br/> [[Wikipedia:Canadian dollar|CAD]]: $25.99<br/> [[Wikipedia:Euro|Euro]]: 17,99€<br/> [[Wikipedia:Pound sterling|GBP]]: £15.99<br/> [[Wikipedia:Japanese yen|JPY]]: ¥ 2200<br/> [[Wikipedia:South Korean won|KRW]]: ₩ 21500<br/> [[Wikipedia:Mexican peso|MEX]]: %229.00 [[Wikipedia:United States dollar|USD]]: $19.99 |ageRatings = [[Wikipedia:Australian Classification Board|ACB]]: M (15+)<br/> [[Wikipedia:Brazilian advisory rating system|ClassInd]]: 14<br/> [[Wikipedia:Entertainment Software Rating Board|ESRB]]: M (17+)<br/> [[Wikipedia:Pan European Game Information|PEGI]]: 16<br/> [[Wikipedia:Unterhaltungssoftware Selbstkontrolle|USK]]: 12 |platforms = [[Wikipedia:MacOS|MacOS]], [[Wikipedia:Personal computer|PC]], [[Wikipedia:PlayStation 4|PlayStation 4]], [[Wikipedia:PlayStation 5|PlayStation 5]], [[Wikipedia:Nintendo Switch|Nintendo Switch]] |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]] }} <includeonly>[[Category:Infobox templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 4642769213202eaf8efadaf6dfcaa82798d99215 10 226 260 2024-10-03T20:12:21Z Mr Pie 5 2833 wikitext text/x-wiki This template is used to create the boxes of the IMProved Main Page (IMP) framework. '''It should not be called directly''', instead using {{tl|Main page box/start}} and {{tl|Main page box/end}}. <div style="text-align:center;"> Use the box below to create a page with the required templates already in place, ready for you to add your content. {{/create}} The box name can not contain spaces or start with a number. Those are probably the only restrictions you'll run into, but for a full list see [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident> on MDN web docs]. </div> ==Parameters== These are the parameters used by {{tl|Main page box/start}}. <code>id</code> is required, all others are optional. {| class="wikitable" ! Name !! Data type !! Description |- | id || string || The id of this box. This should be equivalent to the page's subpage name. It is used by [[Template:Main page]] to find the template. The box will also be given the HTML id <code>mp-box-<nowiki>{{{id}}}</nowiki></code> for use in CSS. |- | title || Wikitext || The title of the box. This can be empty, in which case the box will contain only the content. |- | class || CSS classes || A list of classes to be passed to the box, separated by spaces and without quotes. Standard options are <code>centered-content</code> to vertically center contents, and <code>has-floating-image</code> in case floating images are needed in the box (normally the flex layout disallows this). |- | style || CSS properties || Inline CSS to be applied directly to the box, without quotes. A common usage is <code>text-align:center;</code> for cases where it's desired for individual boxes to have centered text. |} [[Category:Main page templates]] [[Category:Template documentation]] <includeonly><onlyinclude><code>Template:Main page box</code> is not intended to be used directly, please use [[Template:Main page box/start]] and [[Template:Main page box/end]].</onlyinclude></includeonly> 528a10aff0d392244a242c30161e81335916e690 261 260 2024-10-03T20:13:44Z Mr Pie 5 2833 1 revision imported: Importing IMP main page framework wikitext text/x-wiki This template is used to create the boxes of the IMProved Main Page (IMP) framework. '''It should not be called directly''', instead using {{tl|Main page box/start}} and {{tl|Main page box/end}}. <div style="text-align:center;"> Use the box below to create a page with the required templates already in place, ready for you to add your content. {{/create}} The box name can not contain spaces or start with a number. Those are probably the only restrictions you'll run into, but for a full list see [https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident <custom-ident> on MDN web docs]. </div> ==Parameters== These are the parameters used by {{tl|Main page box/start}}. <code>id</code> is required, all others are optional. {| class="wikitable" ! Name !! Data type !! Description |- | id || string || The id of this box. This should be equivalent to the page's subpage name. It is used by [[Template:Main page]] to find the template. The box will also be given the HTML id <code>mp-box-<nowiki>{{{id}}}</nowiki></code> for use in CSS. |- | title || Wikitext || The title of the box. This can be empty, in which case the box will contain only the content. |- | class || CSS classes || A list of classes to be passed to the box, separated by spaces and without quotes. Standard options are <code>centered-content</code> to vertically center contents, and <code>has-floating-image</code> in case floating images are needed in the box (normally the flex layout disallows this). |- | style || CSS properties || Inline CSS to be applied directly to the box, without quotes. A common usage is <code>text-align:center;</code> for cases where it's desired for individual boxes to have centered text. |} [[Category:Main page templates]] [[Category:Template documentation]] <includeonly><onlyinclude><code>Template:Main page box</code> is not intended to be used directly, please use [[Template:Main page box/start]] and [[Template:Main page box/end]].</onlyinclude></includeonly> 528a10aff0d392244a242c30161e81335916e690 8 5 286 6 2024-10-03T20:16:52Z Mr Pie 5 2833 IMP framework css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-edit-link { display:none; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 9cb4838a13d91fe39c01d99769ebc281513f7a6b 293 286 2024-10-03T20:26:59Z Mr Pie 5 2833 Missed a rule for edit buttons css text/css /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-edit-link { display:none; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding:5px; } .druid-main-image img, .druid-main-images img { max-width:100%; height:auto; } .druid-main-images-labels { display:flex; flex-direction:row; flex-wrap:wrap; justify-content: space-evenly; margin:0.25em; gap:0.25em; } .druid-main-images-label { cursor:pointer; flex:1 1 auto; text-align:center; transition:.1s ease-in; outline:1px solid var(--druid-link-color); } .druid-main-images-label.focused { background:var(--druid-link-color); color:var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background:rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display:none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display:none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display:none; } .druid-grid { display:grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background:var(--druid-tertiary-background-color); padding:0.25em; border:1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width:100%; } .druid-section-container > .druid-collapsible { display: flex; justify-content: space-between; align-items: center; } .druid-collapsed { display:none!important; } .druid-collapsible { cursor:pointer; position:relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display:flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display:none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis:unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } .pixelated { image-rendering:pixelated; } @media screen and (min-width:720px) { .mobileonly { display:none; } } @media screen and (max-width:720px) { .nomobile { display:none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display:flex; flex-flow:row wrap; justify-content:space-evenly; margin-left:unset; } .gallery.centered { text-align:center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color:var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events:none; } .spoiler-content.show > * { pointer-events:unset; } .spoiler-content.show { background-color: rgba(127, 127, 127, 0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display:none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display:inline-block; height:1em; width:1em; box-sizing:border-box; vertical-align:text-top; border-radius:50%; border:1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ e789bec0f05628803b94bac4455f9d28fbf933c8 8 239 287 2024-10-03T20:17:29Z Mr Pie 5 2833 Created page with ".mp-edit-link { display:block; position:absolute; right:0.5em; top:0.5em; background:var(--wiki-content-background-color); } .mp-edit-link a { display:block; padding:0.1em; border:1px solid var(--wiki-content-link-color); } .mp-edit-link a::before { display:inline-block; content:''; background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cpa..." css text/css .mp-edit-link { display:block; position:absolute; right:0.5em; top:0.5em; background:var(--wiki-content-background-color); } .mp-edit-link a { display:block; padding:0.1em; border:1px solid var(--wiki-content-link-color); } .mp-edit-link a::before { display:inline-block; content:''; background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E edit %3C/title%3E%3Cpath d=%22m16.77 8 1.94-2a1 1 0 0 0 0-1.41l-3.34-3.3a1 1 0 0 0-1.41 0L12 3.23zM1 14.25V19h4.75l9.96-9.96-4.75-4.75z%22/%3E%3C/svg%3E"); background-size:contain; width:1em; height:1em; filter:var(--wiki-icon-to-link-filter); vertical-align:text-top; margin-right:0.2em; } b1c240c635d5c7207d35f958031d9eace6324795 8 240 288 2024-10-03T20:17:39Z Mr Pie 5 2833 Created page with "$( function () { if(document.getElementsByClassName('mp-edit-link').length == 0) return; function toggleLinks(){ $('.mp-edit-link').each(function(_, el){ $(el).toggle().css('display none;') }) } $('<span></span>', { text: 'Toggle edit buttons', class: 'mp-edit-toggle', on: {click: toggleLinks}, }).appendTo($('#top')); })" javascript text/javascript $( function () { if(document.getElementsByClassName('mp-edit-link').length == 0) return; function toggleLinks(){ $('.mp-edit-link').each(function(_, el){ $(el).toggle().css('display none;') }) } $('<span></span>', { text: 'Toggle edit buttons', class: 'mp-edit-toggle', on: {click: toggleLinks}, }).appendTo($('#top')); }) 8668515d0450f951236e9eea780321897898f4fe 8 241 289 2024-10-03T20:18:37Z Mr Pie 5 2833 Created page with "Adds edit links to boxes on the main page, and a toggle to remove them. (admin-only)" wikitext text/x-wiki Adds edit links to boxes on the main page, and a toggle to remove them. (admin-only) 186a83c8af6202c21e7810366d653fed033ecb97 8 19 290 20 2024-10-03T20:19:23Z Mr Pie 5 2833 mp-edit-links wikitext text/x-wiki * purge[ResourceLoader|default|type=general|rights=edit,purge|dependencies=mediawiki.util]|purge.js * userProfile[ResourceLoader|dependencies=mediawiki.api|default]|userProfile.js|userProfile.css * UploadMultipleFiles[ResourceLoader|default|rights=edit,upload]|UploadMultipleFiles.js * hoverShowSpoilers[ResourceLoader|type=styles]|hoverShowSpoilers.css * mp-edit-links[ResourceLoader|rights=editprotected|default]|mp-edit-links.css|mp-edit-links.js == appearance == * collapsibleSidebarSections[ResourceLoader]|collapsibleSidebarSections.js|collapsibleSidebarSections.css<!-- not default, to make it default please add |default after ResourceLoader, follow the examples above --> ef06d53a6ae86eb60874e3ac95583104706509f9 0 242 291 2024-10-03T20:20:36Z Mr Pie 5 2833 Created page with "<!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page define..." wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about links links about contribute contribute <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links about eggs contribute contribute <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links eggs contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> bcb0a2999df33510c9028117cb7dbb0c772f0075 292 291 2024-10-03T20:20:49Z Mr Pie 5 2833 wikitext text/x-wiki <!-- Hello and welcome to wiki.gg! This page is built via our IMProved Main Page (IMP) framework. If you are familiar with CSS grid areas, that's what you're defining here! But if you don't know any CSS that's ok! 👀 RULE 1: the same keyword represents the same section & can span multiple cells 👀 RULE 2: Each box in each layout must be a CONTIGUOUS RECTANGLE of any dimensions (most likely one of: 1x1, 1x2, 2x1, 2x2, 1x3, 3x1, 3x2, 2x3) 👀 RULE 3: This page defines LAYOUT ONLY. To edit the content, please use the links provided for you after saving/previewing your page. 👀 RULE 4: If you want to RENAME or ADD a box, press the button that says Create Box after saving this page and it will make a new template for you. Yes, you will be able to change the title later if you change your mind after filling out the prompt! 👀 RULE 5: Each box must be used somewhere in each layout. If you see your boxes all squished to the left, some vertical text or empty space to the right of them, and some other boxes at the very bottom taking up the remaining width, it probably means you broke this rule. -->{{Main page |desktop= <!-- for WIDE SCREENS --> <!-- 👀 keep this at 3 columns, but you can otherwise rearrange as desired --> welcome welcome welcome about links links about contribute contribute <!-- end WIDE SCREEN layout --> |tablet= <!-- for TABLET SCREENS --> <!-- 👀 keep this at 2 columns, but you can otherwise rearrange as desired --> welcome welcome about links contribute contribute <!-- end TABLET SCREEN layout --> |mobile= <!-- for MOBILE DEVICES --> <!-- 👀 keep this at 1 column, but you can otherwise rearrange as desired --> welcome about links contribute <!-- end MOBILE DEVICE layout --> }} {{#description2:Welcome to the {{SITENAME}}, a collaborative wiki resource that is open for anyone to edit!}} <!-- this is a short description of your wiki, which will appear in embeds in Google search results, Discord links, etc. --> 214edd75d35ce601776431c1772727bbaff0722d 10 243 302 2024-10-04T05:06:05Z Mr Pie 5 2833 Created page with "{{Main page section/start | title = Example | id = $1<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page section/end}}<includeonly><noinclude>[[Category:Main page sections]]</noinclude></includeonly>" wikitext text/x-wiki {{Main page section/start | title = Example | id = $1<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page section/end}}<includeonly><noinclude>[[Category:Main page sections]]</noinclude></includeonly> 70432026e444ab2a84915457a8c066250c599f10 303 302 2024-10-04T05:06:24Z Mr Pie 5 2833 wikitext text/x-wiki {{Main page box/start | title = Example | id = $1<!-- don't edit this line if you just made this page and it says {{subst:SUBPAGENAME}}. Do edit it if you move this page later, to reflect the new subpage name --> }} Content goes here, between the start and end templates. Feel free to use wikitext, tables, templates, new lines, whatever. {{Main page box/end}}<includeonly><noinclude>[[Category:Main page boxes]]</noinclude></includeonly> 1661cad8f00bc7eabf916c313d774fd846fdec10 6 221 304 250 2024-10-09T10:07:07Z Aeywoo 30671 Aeywoo uploaded a new version of [[File:Wiki Background.png]] wikitext text/x-wiki == Licensing == {{License|fairuse}} 87d7977e3529dee7284946acd854ac7b16cf2467 349 304 2024-10-21T07:24:50Z Aeywoo 30671 Aeywoo uploaded a new version of [[File:Wiki Background.png]] wikitext text/x-wiki == Licensing == {{License|fairuse}} 87d7977e3529dee7284946acd854ac7b16cf2467 10 224 305 257 2024-10-10T04:06:31Z Aeywoo 30671 Updated. wikitext text/x-wiki == Syntax == <pre>{{Infobox game |name = |image = |developer = |publisher = |releaseDate = |storePlatforms = |prices = |ageRatings = |platforms = |genres = |gameEngine = }}</pre> == Example == {{Infobox game |name = Thank Goodness You're Here! |image = Thank Goodness You're Here!.jpg |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July 2024 |storePlatforms = [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Apple Mac Store], [https://store.steampowered.com/app/2366980/ Steam Store], [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Epic Games Store], [https://store.playstation.com/concept/10007988/ PlayStation Store], [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Nintendo Switch Store] |prices = [[Wikipedia:Australian dollar|AUD]]: $29.99<br/> [[Wikipedia:Canadian dollar|CAD]]: $25.99<br/> [[Wikipedia:Euro|Euro]]: 17,99€<br/> [[Wikipedia:Pound sterling|GBP]]: £15.99<br/> [[Wikipedia:Japanese yen|JPY]]: ¥ 2200<br/> [[Wikipedia:South Korean won|KRW]]: ₩ 21500<br/> [[Wikipedia:Mexican peso|MEX]]: %229.00 [[Wikipedia:United States dollar|USD]]: $19.99 |ageRatings = [[Wikipedia:Australian Classification Board|ACB]]: M (15+)<br/> [[Wikipedia:Brazilian advisory rating system|ClassInd]]: 14<br/> [[Wikipedia:Entertainment Software Rating Board|ESRB]]: M (17+)<br/> [[Wikipedia:Pan European Game Information|PEGI]]: 16<br/> [[Wikipedia:Unterhaltungssoftware Selbstkontrolle|USK]]: 12 |platforms = [[Wikipedia:MacOS|MacOS]], [[Wikipedia:Personal computer|PC]], [[Wikipedia:PlayStation 4|PlayStation 4]], [[Wikipedia:PlayStation 5|PlayStation 5]], [[Wikipedia:Nintendo Switch|Nintendo Switch]] |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]] }} <includeonly>[[Category:Infobox templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 73557227f221b9072e47104e7e310cc8ad67ed39 319 305 2024-10-13T05:19:50Z Aeywoo 30671 Fixing example infobox content. wikitext text/x-wiki == Syntax == <pre>{{Infobox game |name = |image = |developer = |publisher = |releaseDate = |storePlatforms = |prices = |ageRatings = |platforms = |genres = |gameEngine = }}</pre> == Example == {{Infobox game |name = Thank Goodness You're Here! |image = Thank Goodness You're Here!.jpg |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July 2024 |storePlatforms = [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Apple Mac Store], [https://store.steampowered.com/app/2366980/ Steam Store], [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Epic Games Store], [https://store.playstation.com/concept/10007988/ PlayStation Store], [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Nintendo Switch Store] |prices = [[Wikipedia:Australian dollar|AUD]]: $29.99<br/> [[Wikipedia:Canadian dollar|CAD]]: $25.99<br/> [[Wikipedia:Euro|Euro]]: 17,99€<br/> [[Wikipedia:Pound sterling|GBP]]: £15.99<br/> [[Wikipedia:Japanese yen|JPY]]: ¥ 2200<br/> [[Wikipedia:South Korean won|KRW]]: ₩ 21500<br/> [[Wikipedia:Mexican peso|MEX]]: $229.00<br/> [[Wikipedia:United States dollar|USD]]: $19.99 |ageRatings = [[Wikipedia:Australian Classification Board|ACB]]: M (15+)<br/> [[Wikipedia:Brazilian advisory rating system|ClassInd]]: 14<br/> [[Wikipedia:Entertainment Software Rating Board|ESRB]]: M (17+)<br/> [[Wikipedia:Pan European Game Information|PEGI]]: 16<br/> [[Wikipedia:Unterhaltungssoftware Selbstkontrolle|USK]]: 12 |platforms = [[Wikipedia:MacOS|MacOS]], [[Wikipedia:Personal computer|PC]], [[Wikipedia:PlayStation 4|PlayStation 4]], [[Wikipedia:PlayStation 5|PlayStation 5]], [[Wikipedia:Nintendo Switch|Nintendo Switch]] |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]] }} <includeonly>[[Category:Infobox templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> a179e3fc42a6508342ba881ec27a8794f7f80b22 323 319 2024-10-13T06:11:57Z Aeywoo 30671 Fixed. wikitext text/x-wiki == Syntax == <pre>{{Infobox game |title = |image = |caption = |developer = |publisher = |releaseDate = |storePlatforms = |prices = |ageRatings = |platforms = |genres = |gameEngine = }}</pre> == Example == {{Infobox game |name = Thank Goodness You're Here! |image = Thank Goodness You're Here!.jpg |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July 2024 |storePlatforms = [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Apple Mac Store], [https://store.steampowered.com/app/2366980/ Steam Store], [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Epic Games Store], [https://store.playstation.com/concept/10007988/ PlayStation Store], [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Nintendo Switch Store] |prices = [[Wikipedia:Australian dollar|AUD]]: $29.99<br/> [[Wikipedia:Canadian dollar|CAD]]: $25.99<br/> [[Wikipedia:Euro|Euro]]: 17,99€<br/> [[Wikipedia:Pound sterling|GBP]]: £15.99<br/> [[Wikipedia:Japanese yen|JPY]]: ¥ 2200<br/> [[Wikipedia:South Korean won|KRW]]: ₩ 21500<br/> [[Wikipedia:Mexican peso|MEX]]: $229.00<br/> [[Wikipedia:United States dollar|USD]]: $19.99 |ageRatings = [[Wikipedia:Australian Classification Board|ACB]]: M (15+)<br/> [[Wikipedia:Brazilian advisory rating system|ClassInd]]: 14<br/> [[Wikipedia:Entertainment Software Rating Board|ESRB]]: M (17+)<br/> [[Wikipedia:Pan European Game Information|PEGI]]: 16<br/> [[Wikipedia:Unterhaltungssoftware Selbstkontrolle|USK]]: 12 |platforms = [[Wikipedia:MacOS|MacOS]], [[Wikipedia:Personal computer|PC]], [[Wikipedia:PlayStation 4|PlayStation 4]], [[Wikipedia:PlayStation 5|PlayStation 5]], [[Wikipedia:Nintendo Switch|Nintendo Switch]] |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]] }} <includeonly>[[Category:Infobox templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 57dc802c9622a049d8095f142062e2f7b2892594 324 323 2024-10-13T06:12:08Z Aeywoo 30671 Missed it. wikitext text/x-wiki == Syntax == <pre>{{Infobox game |title = |image = |caption = |developer = |publisher = |releaseDate = |storePlatforms = |prices = |ageRatings = |platforms = |genres = |gameEngine = }}</pre> == Example == {{Infobox game |title = Thank Goodness You're Here! |image = Thank Goodness You're Here!.jpg |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July 2024 |storePlatforms = [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Apple Mac Store], [https://store.steampowered.com/app/2366980/ Steam Store], [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Epic Games Store], [https://store.playstation.com/concept/10007988/ PlayStation Store], [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Nintendo Switch Store] |prices = [[Wikipedia:Australian dollar|AUD]]: $29.99<br/> [[Wikipedia:Canadian dollar|CAD]]: $25.99<br/> [[Wikipedia:Euro|Euro]]: 17,99€<br/> [[Wikipedia:Pound sterling|GBP]]: £15.99<br/> [[Wikipedia:Japanese yen|JPY]]: ¥ 2200<br/> [[Wikipedia:South Korean won|KRW]]: ₩ 21500<br/> [[Wikipedia:Mexican peso|MEX]]: $229.00<br/> [[Wikipedia:United States dollar|USD]]: $19.99 |ageRatings = [[Wikipedia:Australian Classification Board|ACB]]: M (15+)<br/> [[Wikipedia:Brazilian advisory rating system|ClassInd]]: 14<br/> [[Wikipedia:Entertainment Software Rating Board|ESRB]]: M (17+)<br/> [[Wikipedia:Pan European Game Information|PEGI]]: 16<br/> [[Wikipedia:Unterhaltungssoftware Selbstkontrolle|USK]]: 12 |platforms = [[Wikipedia:MacOS|MacOS]], [[Wikipedia:Personal computer|PC]], [[Wikipedia:PlayStation 4|PlayStation 4]], [[Wikipedia:PlayStation 5|PlayStation 5]], [[Wikipedia:Nintendo Switch|Nintendo Switch]] |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]] }} <includeonly>[[Category:Infobox templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> 8810c30943c54a80040ed00171149ba0d48f6e8b 8 244 306 2024-10-10T07:12:35Z Aeywoo 30671 Begone. wikitext text/x-wiki * navigation ** mainpage|mainpage-description ** recentchanges-url|recentchanges ** randompage-url|randompage ** helppage|help-mediawiki * wiki.gg ** support:|sidebar-support-wiki ** Wikigg-ticket-link|sidebar-submit-ticket ** wikigg-socialmedia-joinlink|wikigg-socialmedia-jointext-sidebar * SEARCH * TOOLBOX * LANGUAGES 78dfd64972180feb10191ab70a6f666a710fd3e9 8 5 307 293 2024-10-10T09:49:44Z Aeywoo 30671 Pushing initial wiki theme styling. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules * MediaWiki:Common.css derives its content from the following wikis: ** Support Wiki (https://support.wiki.gg/wiki/MediaWiki:Common.css) ** Arknights Endfield Wiki (https://arknightsendfield.wiki.gg/wiki/MediaWiki:Common.css) ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-text-color) 0, var(--theme-text-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; --theme-label-text-color: #AAA; --theme-accent-color: #72C6FD; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color-accent: #FFF; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-link-color-focus: #22BBFF; --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: #000; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #FFF; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /** * MediaWiki:Common.css Install Content */ /* CSS placed here will be applied to all skins */ :root{ /* start font settings */ --wiki-body-font-family: sans-serif; --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif; --wiki-sidebar-heading-font-family: sans-serif; /* end font settings */ } /* the rest of the variables will modify some type of color, either text color, background color, border color, etc. */ :root, /* Begin light theme, delete from here to "end light theme" if you don't want your wiki to support a light theme (remove from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-light { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #F6F6F6; --wiki-body-background-color--rgb: 246,246,246; --wiki-body-background-image: url(/images/8/80/Site-background.jpg); /* please find the file path by viewing the image directly (click the image from the File: page) */ --wiki-content-background-color: #ffffff; --wiki-content-background-color--rgb: 255, 255, 255; --wiki-content-background-opacity: 1; --wiki-content-background-color--secondary: #fbfbfb; --wiki-content-background-color--secondary--rgb: 251, 251, 251; --wiki-content-border-color: #a7d7f9; --wiki-content-border-color--rgb: 167, 215, 249; --wiki-content-link-color: #0645ad; --wiki-content-link-color--rgb: 6, 69, 173; --wiki-content-text-mix-color: #8a8b8b; --wiki-content-text-mix-color--rgb: 138,139,139; --wiki-content-text-mix-color-95: #eef0f0; --wiki-content-text-mix-color-95--rgb: 238,240,240; --wiki-accent-color: #3366cc; --wiki-accent-color--rgb: 51, 102, 204; --wiki-accent-color--hover: #447ff5; --wiki-accent-color--hover--rgb: 68, 127, 245; --wiki-accent-label-color: #ffffff; --wiki-accent-label-color--rgb: 255, 255, 255; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #111111; --wiki-content-text-color--rgb: 17, 17, 17; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #ba0000; --wiki-content-redlink-color--rgb: 186,0,0; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #bf0017; --wiki-alert-color--rgb: 191,0,23; --wiki-warning-color: #cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #000000; --wiki-body-dynamic-color--rgb: 0,0,0; --wiki-body-dynamic-color--inverted: #ffffff; --wiki-body-dynamic-color--inverted--rgb: 255,255,255; --wiki-body-dynamic-color--secondary: #333333; --wiki-body-dynamic-color--secondary--rgb: 51,51,51; --wiki-body-dynamic-color--secondary--inverted: #dddddd; --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color); --wiki-content-link-label-color: #ffffff; --wiki-content-link-label-color--rgb: 255,255,255; --wiki-content-dynamic-color: #000000; --wiki-content-dynamic-color--rgb: 0,0,0; --wiki-content-dynamic-color--inverted: #ffffff; --wiki-content-dynamic-color--inverted--rgb: 255,255,255; --wiki-content-dynamic-color--secondary: #333333; --wiki-content-dynamic-color--secondary--rgb: 51,51,51; --wiki-content-dynamic-color--secondary--inverted: #dddddd; --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221; --wiki-alert-label-color: #ffffff; --wiki-alert-label-color--rgb: 255, 255, 255; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #ffffff; --wiki-success-label-color--rgb: 255, 255, 255; --wiki-icon-general-filter: ; /* do not set this to none, ignore the "unexpected token" error */ /**/ } /* end light theme */ /* Begin dark theme, delete from here to "end dark theme" if you don't want your wiki to support a dark theme (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */ .view-dark { /********************** * Probably edit these * ***********************/ --wiki-body-background-color: #171717; --wiki-body-background-color--rgb: 23, 23, 23; --wiki-body-background-image: url(/images/c/c4/Site-background-dark.jpg); /* please find the file path by viewing the image directly (not at the File: page) */ --wiki-content-background-color: #202020; --wiki-content-background-color--rgb: 32,32,32; --wiki-content-background-opacity: 0.9; --wiki-content-background-color--secondary: #2b2b2b; --wiki-content-background-color--secondary--rgb: 43,43,43; --wiki-content-border-color: #991A51; --wiki-content-border-color--rgb: 153,26,81; --wiki-content-link-color: #6d8afb; --wiki-content-link-color--rgb: 109,138,251; --wiki-content-text-mix-color: #868686; --wiki-content-text-mix-color--rgb: 134,134,134; --wiki-content-text-mix-color-95: #2a2a2a; --wiki-content-text-mix-color-95--rgb: 42,42,42; --wiki-accent-color: #ff1980; --wiki-accent-color--rgb: 255,25,128; --wiki-accent-color--hover: #D82073; --wiki-accent-color--hover--rgb: 216,32,115; --wiki-accent-label-color: #000; --wiki-accent-label-color--rgb: 0,0,0; --wiki-accent-link-color: #22214d; --wiki-accent-link-color--rgb: 34, 33, 77; --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%); /* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */ /**/ /******************* * Maybe edit these * ********************/ --wiki-body-background-position: top center; --wiki-body-background-size:cover; --wiki-body-background-repeat: no-repeat; --wiki-body-background-attachment: fixed; --wiki-content-text-color: #ededed; --wiki-content-text-color--rgb: 237,237,237; --wiki-content-link-color--visited: var(--wiki-content-link-color); --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb); --wiki-content-link-color--hover: var(--wiki-content-link-color); --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb); --wiki-content-redlink-color: #FC3B2C; --wiki-content-redlink-color--rgb: 252,59,44; --wiki-heading-color: var(--wiki-content-text-color); --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb); --wiki-sidebar-background-color: var(--wiki-content-background-color); --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity); --wiki-sidebar-border-color: var(--wiki-content-border-color); --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-sidebar-link-color: var(--wiki-content-link-color); --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb); --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover); --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-sidebar-heading-color: var(--wiki-heading-color); --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb); --wiki-navigation-background-color: var(--wiki-content-background-color--secondary); --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb); --wiki-navigation-background-color--secondary: var(--wiki-content-background-color); --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-border-color: var(--wiki-content-border-color); --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb); --wiki-navigation-text-color: var(--wiki-content-link-color); --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb); --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover); --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb); --wiki-navigation-selected-background-color: var(--wiki-content-background-color); --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb); --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color); --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb); --wiki-navigation-selected-text-color: var(--wiki-content-text-color); --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb); --wiki-neutral-color: var(--wiki-content-text-mix-color); --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb); --wiki-alert-color: #ce0018; --wiki-alert-color--rgb: 206,0,24; --wiki-warning-color:#cf721c; --wiki-warning-color--rgb: 207,114,28; --wiki-success-color: #0c742f; --wiki-success-color--rgb: 12,116,47; /**/ /*********************************** * Likely do not need to edit these * ************************************/ --wiki-body-dynamic-color: #ffffff; --wiki-body-dynamic-color--rgb: 255,255,255; --wiki-body-dynamic-color--inverted: #000000; --wiki-body-dynamic-color--inverted--rgb: 0,0,0; --wiki-body-dynamic-color--secondary: #dddddd; --wiki-body-dynamic-color--secondary--rgb: 221,221,221; --wiki-body-dynamic-color--secondary--inverted: #333333; --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51; --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5); --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb); --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5); --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb); --wiki-content-link-label-color: #000; --wiki-content-link-label-color--rgb: 0,0,0; --wiki-content-dynamic-color: #ffffff; --wiki-content-dynamic-color--rgb: 255, 255, 255; --wiki-content-dynamic-color--inverted: #000000; --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0; --wiki-content-dynamic-color--secondary: #dddddd; --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221; --wiki-content-dynamic-color--secondary--inverted: #333333; --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51; --wiki-alert-label-color: #000000; --wiki-alert-label-color--rgb: 0,0,0; --wiki-warning-label-color: #000000; --wiki-warning-label-color--rgb: 0, 0, 0; --wiki-success-label-color: #000000; --wiki-success-label-color--rgb: 0,0,0; --wiki-icon-general-filter: invert(100%); } /***************************** * PortableInfoboxes * ******************************/ :root { --pi-background: var(--wiki-content-background-color); --pi-secondary-background: var(--wiki-accent-color); --pi-secondary-background--rgb: var(--wiki-accent-color--rgb); --pi-secondary-background-label: var(--wiki-accent-label-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align:center; font-size:1.5em; background:rgba(var(--pi-secondary-background--rgb), 0.75); color:var(--pi-secondary-background-label); } .portable-infobox .pi-data { background:rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width:100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--wiki-content-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--wiki-accent-label-color); background: var(--wiki-accent-color); } .navbox-title button.mw-collapsible-toggle { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color:var(--wiki-accent-link-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--wiki-accent-color--rgb), 0.18); color: var(--wiki-content-text-color); border: 1px solid var(--wiki-content-border-color); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--wiki-accent-link-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--wiki-accent-label-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #fff1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display:grid; /* for mobile screens */ grid-template-areas:var(--main-page-layout--mobile); grid-template-columns:100%; gap:10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas:var(--main-page-layout--tablet); grid-template-columns:1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas:var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position:relative; display:flex; flex-flow:column nowrap; width: calc(100% - 2px); box-sizing: border-box; background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25); border:1px solid var(--wiki-content-border-color); padding:0px; } .mp-edit-link { display:none; } .mp-body { height: 100%; display: flex; padding:0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display:block; } .mp-box.has-floating-image .mp-body { height:unset; display:block; } .mp-box h2 { text-align:center; font-weight:bold; font-family:var(--wiki-heading-font-family); overflow: initial; border-bottom: 1px solid var(--wiki-content-border-color); font-size: 150%; margin: 0; padding: 5px 0; color:var(--wiki-heading-color); } .mp-box .welcome-message { font-size: 200%; font-family: var(--wiki-heading-font-family); margin: 0; padding: 5px 0; color: #fff; filter: drop-shadow(0px 2px 3px #000); } #mp-box-welcome { text-align:center; position:relative; overflow:hidden; } #mp-welcome { display:flex; flex-flow:column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85); padding:0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: url(/images/e/e0/MP_banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap:10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap:var(--gap); } .mp-links > ul > li { display:flex; flex-flow:column nowrap; align-items:stretch; text-align: center; box-sizing:border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline:1px solid var(--wiki-content-link-color); transition:0.1s ease-in; } .mp-links > ul > li:hover { background-color:rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height:100%; flex:1 1 auto; box-sizing:border-box; padding:5px; } .mp-links > ul > li > a:first-child { height:100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height:unset; } .mp-links.stretch, .mp-links.stretch > ul { height:100%; } .mp-links.side-image li { flex-flow:row nowrap; } .mp-links.plain > ul > li { outline-color:transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--wiki-content-background-color--secondary); border: 1px solid var(--wiki-content-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--wiki-content-link-color--rgb), 0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--wiki-content-background-color, #ffffff); --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255); --druid-secondary-background-color: var(--wiki-accent-color, #36c); --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204); --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff); --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255); --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0); --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240); --druid-border-color: var(--wiki-content-border-color, #a7d7f9); --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249); --druid-link-color: var(--wiki-content-link-color, #0645ad); --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173); --druid-link-label-color: var(--wiki-content-link-label-color, #fff); --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width:100%; height:auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter:invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--wiki-accent-color); border: 1px solid var(--wiki-content-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--wiki-content-background-color--secondary); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--wiki-content-border-color--secondary); border-bottom: 1px solid var(--wiki-content-border-color--secondary); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--wiki-content-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--wiki-content-background-color--secondary); border-radius: 5px; border: 2px solid var(--wiki-content-border-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid var(--wiki-content-text-color); } /********************* * End Template:Color * **********************/ 926dbd8d32de681a0dec3ca94eb9d1ede92febe1 308 307 2024-10-10T09:56:49Z Aeywoo 30671 Removing this stuff for now until I update its variables usage. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-text-color) 0, var(--theme-text-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; --theme-label-text-color: #AAA; --theme-accent-color: #72C6FD; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color-accent: #FFF; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-link-color-focus: #22BBFF; --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: #000; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #FFF; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } 4e015d9e8a7d587ca98dce68f68b008017018d2a 311 308 2024-10-10T10:00:30Z Aeywoo 30671 Quick fix. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-text-color) 0, var(--theme-text-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: #333; --theme-label-text-color: #AAA; --theme-accent-color: #72C6FD; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color-accent: #FFF; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-link-color-focus: #22BBFF; --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: #000; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ display: grid; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: grid; grid-template-columns: [l] 1fr 0fr [r]; grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ body { grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } #mw-panel .portal .body ul { display: grid; grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } 5c21726e2feb25293f11a418a511a4b2acb2c47b 312 311 2024-10-12T06:21:24Z Aeywoo 30671 Re-adding default content with updated vars. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-text-color) 0, var(--theme-text-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: var(--theme-link-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ c41f478793ace42c71b568eb8652f0384d6bc2d3 313 312 2024-10-12T06:30:05Z Aeywoo 30671 Adding some default Wiki.gg variables as some skin elements apparently need them. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-text-color) 0, var(--theme-text-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: var(--theme-link-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ 5a76b4bef451a1e870be98685889231ac634b2ff 314 313 2024-10-13T03:20:53Z Aeywoo 30671 Updating colours for the stripes. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: var(--theme-link-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ cc519e140b3e2302945d2e0abfb215259b7f2de4 315 314 2024-10-13T03:27:26Z Aeywoo 30671 Watchlink hover test. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { /*--theme-link-color-hover: var(--theme-icon-color-hover);*/ width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: var(--theme-link-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ b1ea1c57e21b86d0655ad7520ac6f0dac10a761b 316 315 2024-10-13T03:29:14Z Aeywoo 30671 Updated. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { --theme-link-color-hover: var(--theme-link-color-hover); /*var(--theme-icon-color-hover);*/ width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: var(--theme-link-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ 7e4a8c300470a286be79f17da5fe470ec360981f 317 316 2024-10-13T03:31:33Z Aeywoo 30671 Updated. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: var(--theme-link-color); --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ cb6c1be13289d1cf0b839cddced051a55b7f7b3b 320 317 2024-10-13T05:28:50Z Aeywoo 30671 Updated. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } .theme-dark #mw-head .vector-menu-tabs .mw-list-item.selected a { color: #000; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-text-color), var(--theme-text-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: #000; --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ a52e38644b8b521f132bc2e0f2193cf60c4f26c8 340 320 2024-10-21T01:18:19Z Aeywoo 30671 Forgot to update this to theme-accent-color. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } .theme-dark #mw-head .vector-menu-tabs .mw-list-item.selected a { color: #000; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navbox { margin: 1em 0; clear: both; overflow: hidden; font-size: 12px; line-height: 1.5; } /* Structure */ .navbox-table-wrapper { margin: -3px; /* spacing */ margin-top: 0; overflow: hidden; } .navbox-table-wrapper:first-child, .navbox-section-wrapper:first-child { margin-top: -3px; /* spacing */ } .navbox-table { border-collapse: separate; width: 100%; margin: 0; padding: 0; border: none; border-spacing: 3px; /* spacing */ } .navbox-table td { margin: 0; padding: 0; } .navbox-section { margin: 3px 0; /* spacing */ overflow: hidden; } .navbox-section:first-child { margin-top: 0; } .navbox-section:last-child { margin-bottom: 0; } /* Title and section headers */ .navbox-title { font-size: 16px; text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-header { text-align: center; font-weight: bold; padding: 4px 2em; position: relative; } .navbox-template-links { line-height: 190%; font-size: 80%; font-weight: normal; text-align: left; width: 5em; padding: 0; position: absolute; top: 0; left: 8px; } .navbox > .mw-collapsible-toggle, .navbox-section > .mw-collapsible-toggle { float: none; text-align: center; cursor: pointer; } .navbox > .mw-collapsible-toggle::after, .navbox-section > .mw-collapsible-toggle::after { display: inline-block; content: ""; position: absolute; top: 50%; right: 8px; margin-top: -2px; border-color: currentColor; border-style: solid; border-width: 2px 2px 0 0; height: 4px; width: 4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after, .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::after { margin-top: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } /* Fields */ .navbox-above, .navbox-below { text-align: center; padding: 0; } .navbox-list { text-align: left; padding: 0; vertical-align: top; } .navbox-group, .navbox-subgroup { text-align: center; padding: 0; } .navbox-image { width: 1px; vertical-align: top; } .navbox-table .navbox-padding { padding: 0.2em 0.3em; } /* Table layout */ .navbox-table-layout { margin: -3px; /* spacing */ margin-top: 0; } .navbox-table-layout .navbox-group, .navbox-table-layout .navbox-subgroup { text-align: right; white-space: nowrap; width: 1px; } .navbox-nogroup { text-align: center; } /* Horizontal layout */ .navbox-horizontal-layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: -3px; /* spacing */ } .navbox-col { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-top: 3px; /* spacing */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .navbox-col .navbox-group { text-align: center; margin-bottom: 3px; /* spacing */ margin-right: 3px; /* spacing */ } .navbox-col .navbox-list { margin-right: 3px; /* spacing */ text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } /* Disable scrollable table when width exceeds article space */ .navbox-table-wrapper > .table-wide > .table-wide-inner, .navbox-section-wrapper > .table-wide > .table-wide-inner { margin: 0; } .navbox-table-wrapper > .table-wide::before, .navbox-section-wrapper > .table-wide::before { display: none; } .navbox-table-wrapper .fl-scrolls, .navbox-table-layout .fl-scrolls { overflow: visible !important; } /* Temp fix for inline elements inside links skipping the link for click action */ .navbox-title.mw-collapsible-toggle a > *, .navbox-header.mw-collapsible-toggle a > * { pointer-events: none; } /* for navboxes */ .navbox-title, .navbox-above, .navbox-below { padding: 0.5em; text-align: center; } .navbox-title, .navbox-header, .navbox-group, .navbox-subgroup { background: var(--theme-th-background); } .navbox-group, .navbox-subgroup, .navbox-list, .navbox-nogroup, .navbox-even, .navbox-odd { padding: 2px; } .navbox-header { padding: 3px; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: #000; --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { clear: both; margin: 1em 0; padding: 3px; font-size: 90%; width: 100%; border: 1px solid var(--theme-border-color); box-sizing: border-box; } .navbox-inner, .navbox-subgroup { border-spacing: 0; width: 100%; } /* Reduce spacing between adjacent navboxes */ .navbox + .navbox { margin-top: -1px; } /* Spacing between rows */ .navbox-spacer { height: 2px; } /* Title bars and labels */ .navbox-title { font-weight: bold; font-size: 115%; padding: 0.25em 0.6em; line-height: 1.5em; color: var(--theme-text-color); background: var(--theme-accent-color); } .navbox-title button.mw-collapsible-toggle { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle-default .mw-collapsible-text { color: var(--theme-text-color); } .navbox-title, .navbox-abovebelow { padding-left: 1em; padding-right: 1em; text-align: center; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: rgba(var(--theme-border-color-accent--rgb),0.18); color: var(--theme-text-color); border: 1px solid var(--theme-border-color-accent); } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--theme-text-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color: var(--theme-text-color); } .navbox-title .mw-collapsible-toggle { font-weight: normal; text-align: right; } .navbox-title-text { font-size: 105%; } /* Navbox-related links */ .navbox-title .navbar { float: left; margin-right: 0.5em; } .navbox-title .navbar a.external::after { content: unset; } /* Groups */ .navbox-group { font-weight: bold; padding: 0 0.5em; white-space: nowrap; text-align: center; } /* Zebra colouring for rows */ .navbox-even { background: #FFF1; } /* Subgroups: equal group labels between different child navboxes */ .navbox-subgroup > tbody > tr { display: flex; } .navbox-subgroup .navbox-title { width: 100%; } .navbox-subgroup .navbox-group { display: flex; align-items: center; justify-content: center; flex-basis: 11em; flex-grow: 1; flex-shrink: 0; white-space: normal; } /* Lists */ .navbox-list { width: 100%; } /* Mobile adjustments */ @media screen and (max-width: 1280px) { .mw-body .navbox-inner table { display: table; } } @media screen and (max-width: 720px) { .mw-body .navbox { display: none; } } /********************** * End Template:Navbox * ***********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ 12cc7a92ca9cc02933642e398cadc51319473029 348 340 2024-10-21T05:46:14Z Aeywoo 30671 Updated Navbox stylings from the Support Wiki. css text/css /*********************************************************************************************************** * css reset for browser default rules and MediaWiki internal rules ***********************************************************************************************************/ * { outline: 0; } table { white-space: unset; /* be set to `no-wrap` in MW internal css */ } html { font-size: 16px; /* reset rem size */ } body { overflow-y: unset; } pre { margin: 0; } h1, h2, h3, h4, h5, h6 { padding: 0; border: 0 solid transparent; } table { display: table; white-space: unset; } body, code { background: none; } /*********************************************************************************************************** * css for wiki.gg top bar and footer bar ***********************************************************************************************************/ /********* wiki.gg header *********/ header#wikigg-header #p-personal ul { white-space: nowrap; /* for "log out" */ } header#wikigg-header #p-personal .vector-menu-content #pt-anonuserpage, header#wikigg-header #p-personal .vector-menu-content #pt-userpage a { /* user avatar icon position fix */ padding-top: 0; background-position: left center; } @media screen and (max-width: 720px) { header#wikigg-header #p-personal li#p-themes > span { display: inline-block; } } /********* wiki.gg footer *********/ footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { margin: 0; text-align: center; } @media screen and (max-width: 479px) { footer#wikigg-footer .footer-right, footer#wikigg-footer .footer-left { width: auto; } } @media screen and (max-width: 359px) { footer#wikigg-footer .footer-middle { /* hide wiki.gg logo to make room to avoid text wrapping */ display: none; } } /*********************************************************************************************************** * theming vars. ***********************************************************************************************************/ :root { /** default wiki.gg vector skin variables **/ --wiki-icon-to-link-filter: invert(30%) sepia(20%) saturate(5569%) hue-rotate(173deg) brightness(91%) contrast(84%); --wiki-sidebar-link-color: var(--theme-accent-color); --wiki-content-text-color: var(--theme-text-color); --wiki-content-link-color: var(--theme-link-color); --wiki-content-border-color: var(--theme-border-color); --wiki-content-background-color: var(--theme-box-background); /*** top site logo ***/ --theme-site-logo-image: url("/images/e/e6/Site-logo.png"); --theme-site-logo-filter: drop-shadow(0 0 6px rgba(115,200,255,0.5)); --theme-site-logo-width: 310px; --theme-site-logo-height: 115px; --theme-rainbow: linear-gradient(90deg, #72C6FD 0, #72C6FD 17.5%,#72C6FD 17.5%, #72C6FD 35.6%, #72C6FD 35.6%, #72C6FD 100%); /*--theme-rainbow: linear-gradient(90deg,#FF00F0 0, #FF00F0 17.5%,#FFF100 17.5%, #FFF100 35.6%, #00FFA2 35.6%, #00FFA2 100%);*/ --theme-stripe: repeating-linear-gradient(135deg, var(--theme-accent-color) 0, var(--theme-accent-color) 0.7071067812px, transparent 0.7071067812px, transparent 5px); /*** site background ***/ --theme-site-background: #A2D1FD url("/images/6/65/Wiki_Background.png") center center / cover no-repeat fixed; /* common "box" style */ --theme-box-back-backdrop-filter: none; --theme-box-border-radius: 0px; --theme-box-border-width: 0px; --theme-box-border-style: solid; --theme-box-border-color: #555; --theme-box-shadow: 0 0 5px rgba(0,0,0,0.15); --theme-box-shadow2: 0 0 5px rgba(0,0,0,0.07); --theme-box-back-background: none; /* be used in multi-layer background, so we can't simpy use background-color */ --theme-box-background: #FFF; /*url("/images/3/34/Content-bg.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 255,255,255; --theme-background: var(--theme-box-background); /*** text color ***/ --theme-text-color: #000; --theme-text-color--rgb: 0,0,0; --theme-text-color-hover: var(--theme-text-color); --theme-text-color-note: #999; --theme-text-color-em: #FF00F0; --theme-heading-color: var(--theme-text-color); --theme-text-color-placeholder: #808080; --theme-control-text-color: #333; --theme-control-text-color-hover: var(--theme-control-text-color); --theme-label-text-color: #AAA; --theme-label-text-color--rgb: 170,170,170; --theme-accent-color: #72C6FD; --theme-accent-color--rgb: 114,198,253; --theme-accent-secondary-color: #82A5FF; --theme-accent-secondary-color--rgb: 130,165,255; /*** link text color ***/ --theme-link-color: #146D94; --theme-link-color--rgb: rgb(20,109,148); --theme-link-color-hover: #146D94; --theme-link-color-visited: #146D94; --theme-link-color-focus: #146D94; --theme-link-color-redlink: #FF3030; /* default color for icons */ --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); /* default common color */ --theme-border-color: #535353; --theme-border-color--rgb: 83,83,83; --theme-border-color-accent: #FFF; --theme-border-color-accent--rgb: 255,255,255; --theme-highlight-background: rgb(94,94,94,0.3); --theme-highlight-color: var(--theme-text-color); --theme-th-background: rgba(0,0,0,0.1); /* dropdown menu */ --theme-dropdown-border: 0; --theme-dropdown-background: rgb(255,255,255); /* for wide table */ --theme-wide-table-shadow-color: #999; /** notification **/ --theme-notice-red-text-color: #FF001F; --theme-notice-orange-text-color: #FFAB5B; /* portable infobox */ --pi-background: none; --pi-border-color: var(--theme-accent-color); --pi-header-background: var(--theme-highlight-background); --pi-header-background--label: var(--theme-highlight-color); --pi-item-spacing: 8px 10px; --pi-margin: 16px; /*popup*/ --theme-popup-background: #1A1D40; } :root.theme-dark { --theme-box-background: #383838; /*url("/images/4/4d/Content-bg-dark.jpg") left top / 100% auto repeat;*/ --theme-box-background--rgb: 56,56,56; } :root.theme-dark { --theme-text-color: #FFF; --theme-text-color--rgb: 255,255,255; --theme-text-color-note: #BBB; } :root.theme-dark { --theme-link-color: #22BBFF; --theme-link-color--rgb: 34,187,255; --theme-link-color-hover: var(--theme-link-color); --theme-link-color-visited: var(--theme-link-color); --theme-link-color-focus: var(--theme-link-color); --theme-link-color-redlink: #FF3030; } :root.theme-dark { --theme-border-color-accent: #00FFA2; --theme-border-color-accent--rgb: rgb(0,255,162); --theme-highlight-background: rgba(255,241,0,0.2); } :root.theme-dark { --theme-tab-color-selected: #000; } /* main content box */ /* sidebar */ .theme-light #mw-panel { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #000; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #FFF; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(255,255,255,0.15); --theme-highlight-color: var(--theme-accent-color); } .theme-dark #mw-panel { --theme-link-color: #FFF; --theme-link-color-visited: #FFF; --theme-link-color-hover: var(--theme-accent-color); --theme-icon-color: var(--theme-accent-color); --theme-icon-color-hover: var(--theme-accent-color); --theme-border-width: 0; --theme-gap: 0; --theme-padding-left: 17px; --theme-padding-top: 6px; --theme-padding-bottom: 3px; --theme-heading-color: #FFF; --theme-heading-background: none; /*var(--theme-rainbow) var(--theme-padding-left) 0 / 80px 3px no-repeat;*/ --theme-background: #383838; /*url("/images/c/ce/Sidebar-bg.png") center no-repeat;*/ --theme-highlight-background: rgb(194,194,194,0.15); --theme-highlight-color: var(--theme-accent-color); } #catlinks { --theme-background: none; --theme-box-border-radius: 0; } #footer { --theme-text-color: #000; --theme-link-color: #22BBFF; --theme-link-color-hover: #22BBFF; --theme-link-color-visited: #22BBFF; --theme-background: var(--theme-box-background); } .theme-dark #footer { --theme-text-color: #FFF; } /* dropdown */ .theme-dark #mw-head .vector-menu-dropdown .vector-menu-content { --theme-dropdown-background: rgb(56,56,56); --theme-highlight-background: rgb(33,33,33); --theme-highlight-color: var(--theme-accent-color); --theme-link-color: rgb(255,255,255) } /* navbar */ :root #mw-head { --theme-link-color: #000; --theme-link-color-visited: var(--theme-link-color); --theme-link-color-hover: var(--theme-link-color); --theme-icon-color: var(--theme-link-color); --theme-icon-color-redlink: var(--theme-link-color-redlink); --theme-icon-color-hover: var(--theme-link-color-hover); --theme-background: rgba(255,255,255,0.5); /*url("/images/2/2d/Nav-bg.jpg") center / cover no-repeat;*/ --theme-background-shadow: linear-gradient(to top, rgba(0,0,0,0.05), transparent 6px); --theme-tab-background: transparent; --theme-tab-background-selected: var(--theme-accent-color); --theme-tab-color-selected: var(--theme-text-color); --theme-tab-color-selected-hover: var(--theme-tab-color-selected); --theme-tab-border-width: 0; --theme-tab-border-color: var(--theme-box-border-color); --theme-tab-border-color-selected: var(--theme-box-border-color); --theme-border-bottom-width: 0px; --theme-highlight-background: var(--theme-accent-color); --theme-highlight-color: rgb(0,0,0); } :root #mw-head #p-search { --theme-link-color: #000; --theme-background: #FFF; --theme-icon-color-hover: var(--theme-accent-color); --theme-link-color-focus: var(--theme-accent-color); --theme-border-color-hover: var(--theme-icon-color-hover); --theme-border-color-focus: var(--theme-border-color-hover); --theme-shadow: none; --theme-shadow-focus: var(--theme-box-shadow); --theme-text-color: #000; --theme-text-color-note: #000; --theme-control-text-color: #000; --theme-control-text-color-hover: #000; --theme-label-text-color: #CCC; } :root.theme-dark #mw-head #p-search { --theme-link-color: #FFF; --theme-background: #555; --theme-text-color: #FFF; --theme-text-color-note: #BBB; --theme-control-text-color: #FFF; --theme-control-text-color-hover: #FFF; --theme-label-text-color: #AAA; } /* search result suggestion */ body > .suggestions { --theme-text-color: #000; --theme-highlight-background: #CCC; --theme-background: var(--theme-dropdown-background); --theme-highlight-color: var(--theme-accent-color); --theme-rule-color: var(--theme-border-color-accent); --theme-link-color: var(--theme-text-color); --theme-link-color-visited: var(--theme-text-color); --theme-link-color-hover: var(--theme-text-color-hover); } body.theme-dark > .suggestions { --theme-text-color: #FFF; } /*********************************************************************************************************** * base css styles for both interface and content box: font, color, etc. ***********************************************************************************************************/ /** Font **/ html, body { font-family: Helvetica, Arial, sans-serif; color: var(--theme-text-color); } html { background: var(--theme-site-background); } body { font-size: 14px; line-height: 1.5; } ul, ol { margin: 2px 0 2px 1.5em; } li { margin: 0 0 2px 0; } pre, code, .mw-code { color: var(--theme-text-color); border: 1px solid var(--theme-border-color); background: var(--theme-background); } /** link color **/ /* Self-links aren't real links, they're not clickable. * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive. * We should not use :not(.selflink) since it increases the priority and make it is difficult to override * link styles for certain elements (e.g. in wiki.gg header). */ a, a.selflink:hover, a.selflink:active { text-decoration: none; color: var(--theme-link-color); } a:visited { color: var(--theme-link-color-visited); } a:hover, a:active { text-decoration: underline; color: var(--theme-link-color-hover); } /** red link **/ /* we don't really need to mark you have "visited" an inexistent page */ a.new, a.new:visited { color: var(--theme-link-color-redlink); } /*********************************************************************************************************/ input, button { color: var(--theme-control-text-color); caret-color: var(--theme-text-color); } input[type=submit] { color: var(--theme-control-text-color); } ::placeholder { color: var(--theme-text-color-placeholder); } /* Removes VisualEdit button */ #ca-ve-edit { display: none; } /* Link color */ .mw-parser-output a.external, .mw-parser-output a.external:visited, .mw-parser-output a.extiw, .mw-parser-output a.extiw:visited, .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: var(--theme-link-color); } /* Text color */ .i .note, .note-text { color: var(--theme-text-color-note); } .pixel img, .pixel, .pixelated, #mw-imagepage-section-filehistory img { -ms-interpolation-mode: nearest-neighbor; /* For IE7+ */ -o-image-rendering: crisp-edges; /* For Old Opera */ image-rendering: -webkit-optimize-contrast; /* For Edge */ image-rendering: -moz-crisp-edges; /* For Old Firefox */ image-rendering: crisp-edges; /* For Firefox */ image-rendering: -o-pixelated; /* For Opera */ image-rendering: pixelated; /* For Chrome */ } .small { font-size: 85%; } .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* References smaller text than main */ .references { font-size: 90%; } /* Larger font for Module: code display (default is smaller than other code pages) */ pre.lua.source-lua { font-size: 14px !important; } /* Facilitate inline scary transclusion */ .scary-transclusion p, .scary-transclusion .mw-parser-output { display: inline; } /* hide last empty paragraph at the end */ div.mw-parser-output > p:last-child > br:only-child { display: none; } /* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */ .apihelp-parameters dd:empty::before { content: " "; } .block { display: block; } .inline { display: inline; } .inline-block { display: inline-block; } hr.space { height: 4px; background: none; border: 0; } .page-content .vertical-align-top * { vertical-align: top; } .page-content .vertical-align-bottom * { vertical-align: bottom; } /* Drowning Table No Border */ .drowning-table-no-border { border: none; } /* Gadget description length */ .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body { max-width: unset; } /* Box at the top of all pages when the user has a new message on their User_talk: page */ .usermessage { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); } /*********************************************************************************************************** * interface layout and styles for widgets outside of content box ***********************************************************************************************************/ :root { --layout-topbar-height: 35px; /* height of wiki.gg topbar */ --layout-sidebar-width: 180px; /* width of side navbar, without gap */ --layout-sidespace: 24px; /* whitespace width on most left and most right */ --layout-box-gap: 12px; --layout-box-border-radius: 5px; --layout-logo-scale: 1; --layout-logo-box-height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale) + var(--layout-box-gap) * 6); --dropdown-item-padding-x: 14px; --dropdown-item-padding-y: 6px; } /**** Main Layout START ***********************************************************/ /** * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout */ html, body { min-height: 100%; } html { height: 100%; scroll-padding-top: calc(var(--layout-topbar-height) + 10px); } body { height: auto; } /*** main grid container ***/ body { /* self */ box-sizing: border-box; /* grid */ /* -ms-grid properties cannot use var values, manually update them */ display: -ms-grid; display: grid; -ms-grid-columns: [body-left] 24px [aside-left] 180px [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] 24px [body-right]; grid-template-columns: [body-left] var(--layout-sidespace) [aside-left] var(--layout-sidebar-width) [aside-right nav-left content-left footer-left] minmax(0, 1fr) [nav-right content-right footer-right] var(--layout-sidespace) [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end nav-start aside-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [aside-end page-end] 0fr [body-end]; gap: 0 var(--layout-box-gap); } /*** grid items ***/ /* Flatten DOM structure. Therefore we have following grid items under body grid container: * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer. */ body > .content-wrapper, #mw-navigation { display: contents; } /** unused, hide them **/ #mw-head-base, #mw-navigation > h2 { display: none; } /** side nav bar **/ #mw-panel { grid-column: aside-left/aside-right; grid-row: aside-start/aside-end; margin-bottom: var(--layout-box-gap); float: none; width: unset; padding: 0; } /** nav **/ #mw-head { grid-column: nav-left/nav-right; grid-row: nav-start/nav-end; } /** content **/ .mw-body { grid-column: content-left/content-right; grid-row: content-start/content-end; } /* For some page such as api.php, .mw-body is the only child, so take up all space. */ .mw-body:first-child { grid-column: body-left/body-right; grid-row: page-start/page-end; } /** #footer: content footer **/ #footer { grid-column: footer-left/footer-right; grid-row: footer-start/footer-end; margin: 0; z-index: 0; } /** used to gen box shadow for main box (nav + content + #footer) **/ #mw-page-base { grid-column: content-left/content-right; grid-row: nav-start/footer-end; height: 100%; } /** wiki.gg footer bar **/ body > footer { grid-column: body-left/body-right; grid-row: page-end/body-end; } /*** logo block. It is absolute position ***/ #p-logo { position: absolute; width: 100%; height: var(--layout-logo-box-height); left: 0; top: var(--layout-topbar-height); background: var(--theme-site-logo-image) center center/var(--theme-site-logo-width) auto no-repeat; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-filter: var(--theme-site-logo-filter); filter: var(--theme-site-logo-filter); } /* use logo image as <a>'s background will sometime flicker when hovered on Firefox, * I still don't know why, but move background to #p-logo can avoid this issue. */ #p-logo .mw-wiki-logo { width: var(--theme-site-logo-width); height: var(--theme-site-logo-height); margin: auto; background: none; /* logo flicker fix */ } /**** Main Layout END ***********************************************************/ /********* side panel START *********/ #mw-panel { --list-body-font-size: 14px; --list-body-padding-x: 12px; --list-body-padding-y: 3px; } #mw-panel a { text-decoration: none; } #mw-panel .menu-toggle { display: none; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-category-2' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M14 4h6v6h-6z'%3E%3C/path%3E%3Cpath d='M4 14h6v6h-6z'%3E%3C/path%3E%3Cpath d='M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3Cpath d='M7 7m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-icon-color); cursor: pointer; } /* section box */ #mw-panel .portal { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); margin: 0 0 var(--layout-box-gap) 0; padding: 0 0 var(--theme-padding-bottom); white-space: nowrap; } #mw-panel .portal .vector-menu-heading { /* section heading */ background: var(--theme-heading-background); margin: 0; padding: calc(6px + var(--theme-padding-top)) 10px 6px var(--theme-padding-left); font-size: 18px; font-weight: bold; line-height: 22px; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--theme-heading-color); } /* show the heading of first section */ #mw-panel #p-logo + .portal .vector-menu-heading { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } /* arrow icon */ #mw-panel .portal .vector-menu-heading::after { content: ""; display: block; background: none; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px; margin-top: 2px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } #mw-panel .portal .vector-menu-heading:hover::after { border-color: var(--theme-icon-color-hover) transparent; } #mw-panel .portal.collapsed .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } /* list body */ #mw-panel .portal .body { background: none; border: 0; padding: 0; margin: 0; border-top: var(--theme-border-width) solid var(--theme-border-color); } #mw-panel .portal .body ul { padding: var(--theme-gap) 0 4px; } #mw-panel .portal .body li { margin: 0; padding: 0; font-size: var(--list-body-font-size); line-height: inherit; } #mw-panel .portal .body li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; color: var(--theme-link-color); transition: all 0.2s; } #mw-panel .portal .body li a:visited { color: var(--theme-link-color-visited); } #mw-panel .portal .body li a::before { content: ""; display: block; width: 5px; background: none; transition: all 0.2s; } #mw-panel .portal .body li a:hover { color: var(--theme-highlight-color); background: var(--theme-highlight-background); } #mw-panel .portal .body li a:hover::before { background: var(--theme-accent-color); } #mw-panel .portal .body li a span { padding: var(--list-body-padding-y) var(--list-body-padding-x); } /* "Atom" RSS Feed */ #mw-panel .portal .body li a.feedlink { background: none; padding-left: 0; } #mw-panel .portal .body li a.feedlink span { background-image: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.feedlink/images/feed-icon.svg?cf8c4); background-position: var(--list-body-padding-x) center; /* align icon with other text */ background-repeat: no-repeat; background-size: 12px 12px; padding-left: calc(16px + 1em); } /********* side panel END *********/ /********* main content box *********/ /**** background box for nav+content+#footer ****/ #mw-page-base { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-box-back-background); z-index: -1; } #mw-head, #content, #footer { box-sizing: border-box; background-clip: padding-box; border: var(--theme-box-border-width) solid transparent; margin: 0; } body #mw-head { border-bottom-width: 0; top: unset; } #content { border-top-width: 0; border-bottom-width: 0; } #footer { border-top-width: 0; } /****** navbar (#mw-head) ******/ /* reset */ #mw-head * { float: unset; font-size: unset; line-height: unset; } /* tabs layout */ #mw-head { --layout-padding: 12px; --layout-gap: 6px; --tab-padding-x: 14px; --tab-padding-y: 7px; --icon-size: 1em; padding: 0; background: var(--theme-background); position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; border-image-source: var(--theme-rainbow); border-image-width: 0 0 3px 0; border-image-slice: 0 0 3 0; border-image-outset: 0 0 3px 0; } #mw-head #left-navigation, #mw-head #right-navigation { float: none; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } #mw-head #left-navigation::before, #mw-head #left-navigation::after, #mw-head #right-navigation::before, #mw-head #right-navigation::after { content: ""; display: block; height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); } #mw-head #left-navigation { -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #mw-head #right-navigation { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mw-head #left-navigation::before, #mw-head #right-navigation::after { display: none; -webkit-box-flex: 0; -webkit-flex: 0 0 var(--layout-padding); -moz-box-flex: 0; -ms-flex: 0 0 var(--layout-padding); flex: 0 0 var(--layout-padding); } #mw-head #left-navigation::after, #mw-head #right-navigation::before { -webkit-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } /*** tabs of navbar ***/ /* reset */ #mw-head .vector-menu, #mw-head .vector-menu * { background: none; } /* tabs list */ #mw-head .vector-menu-tabs { height: unset; padding: unset; } #mw-head .vector-menu-tabs .vector-menu-content-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; } /* tab */ #mw-head { --theme-tab-border-style: solid; --theme-tab-border-width: 1px; --theme-border-bottom-style: solid; --theme-border-bottom-width: 1px; --theme-border-bottom-color: var(--theme-tab-border-color-selected); --theme-border-bottom-color-selected: transparent; } #mw-head .vector-menu-tabs .mw-list-item, #mw-head .vector-menu-dropdown { /* outer box */ background: var(--theme-tab-background); border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; margin-right: var(--layout-gap); /* make space for gap */ } #mw-head .vector-menu-tabs .mw-list-item::after, #mw-head .vector-menu-dropdown::after { /* gap */ content: ""; display: block; width: var(--layout-gap); height: 100%; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); position: absolute; left: 100%; bottom: calc(0px - var(--theme-border-bottom-width)); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { /* inner box */ height: auto; margin: 0; padding: var(--tab-padding-y) var(--tab-padding-x); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color); border-bottom: 0; border-radius: var(--theme-box-border-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--theme-link-color); background: var(--theme-background-shadow); } #mw-head .vector-menu-tabs .mw-list-item a:hover, #mw-head .vector-menu-dropdown .vector-menu-heading:hover { color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a.new, #mw-head .vector-menu-dropdown .vector-menu-heading.new { color: var(--theme-link-color-redlink); } #mw-head .vector-menu-tabs .mw-list-item.selected { /* outer box: selected */ background: var(--theme-tab-background-selected); border: var(--theme-tab-border-width) var(--theme-tab-border-style) var(--theme-tab-border-color-selected); border-bottom: 0; --theme-link-color: var(--theme-tab-color-selected); --theme-link-color-hover: var(--theme-tab-color-selected-hover); } #mw-head .vector-menu-tabs .mw-list-item.selected:after { /* gap */ bottom: 0; padding-left: var(--theme-tab-border-width); /* x-position offset */ } #mw-head .vector-menu-tabs .mw-list-item.selected a { /* inner box: selected */ border: 0; border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color-selected); background: none; color: var(--theme-tab-color-selected); } .theme-dark #mw-head .vector-menu-tabs .mw-list-item.selected a { color: #000; } /* dropdown menu*/ #mw-head .vector-menu-dropdown .vector-menu-heading { /* tab label */ position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; gap: 3px; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { /* arrow icon */ background: none; opacity: unset; content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 6px 5px 0; margin-top: 2px; } #mw-head .vector-menu-dropdown:hover .vector-menu-heading::after { /* .vector-menu-heading is covered by .vector-menu-checkbox, therefore we can't use .vector-menu-heading:hover::after */ border-color: var(--theme-icon-color-hover) transparent; } #mw-head .vector-menu-dropdown .vector-menu-content { /* dropdown list body */ border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; left: 0; /* reset */ } #mw-head .vector-menu-dropdown .vector-menu-content li:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a { display: block; padding: var(--dropdown-item-padding-y) var(--dropdown-item-padding-x); text-decoration: none; color: var(--theme-link-color); } #mw-head .vector-menu-dropdown .vector-menu-content li a:visited { color: var(--theme-link-color-visited); } #mw-head .vector-menu-dropdown .vector-menu-content li a:hover { color: var(--theme-highlight-color); } /* watch/unwatch star */ #mw-head .vector-menu-tabs .mw-watchlink.icon a { width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-watchlink.icon a:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-watchlink.icon a span { display: none; } #mw-head .vector-menu-tabs .mw-watchlink.icon a::before { transform-origin: 50% calc(var(--icon-size) / 2 * 1.125); } #mw-head .vector-menu-tabs #ca-watch.icon { /* line star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Zm-7.34,6-1.17.86.44,1.38,2.09,6.41-5.45-4L16,21.46l-1.18.86-5.45,4,2.09-6.41.44-1.38-1.17-.86-5.45-4h8.19l.45-1.38L16,5.89l2.08,6.4.45,1.38h8.19Z'/%3E%3C/g%3E%3C/svg%3E"); } #mw-head .vector-menu-tabs #ca-unwatch.icon { /* solid star */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M28.61,11.67H20l-2.66-8.2a1.39,1.39,0,0,0-2.64,0L12,11.67H3.39a1.39,1.39,0,0,0-.82,2.51l7,5.07L6.89,27.46a1.39,1.39,0,0,0,1.32,1.82A1.43,1.43,0,0,0,9,29l7-5.07L23,29a1.43,1.43,0,0,0,.81.27,1.39,1.39,0,0,0,1.32-1.82l-2.66-8.21,7-5.07A1.39,1.39,0,0,0,28.61,11.67Z'/%3E%3C/g%3E%3C/svg%3E"); } /*** search form ***/ #mw-head #p-search { /* navbar common border bottom */ border-bottom: var(--theme-border-bottom-width) var(--theme-border-bottom-style) var(--theme-border-bottom-color); background: var(--theme-background-shadow); margin: 0; align-self: stretch; padding: 5px 6px 0; } #mw-head #p-search form { margin: 0; } #mw-head #p-search .vector-search-box-input { border-width: 1px; border-style: solid; border-color: var(--theme-border-color); border-radius: var(--theme-box-border-radius); color: var(--theme-text-color); background: var(--theme-background); box-shadow: var(--theme-shadow); height: 26px; padding: 0 26px 0 4px; } #mw-head #p-search .vector-search-box-input:hover { border-color: var(--theme-border-color-hover); } #mw-head #p-search .vector-search-box-input:focus { border-color: var(--theme-border-color-focus); box-shadow: var(--theme-shadow-focus); outline: 0; z-index: 1100; /* .suggestions: 1099 */ } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { z-index: 1101; } #mw-head #p-search .vector-search-box-input::placeholder { color: var(--theme-text-color-note); } #mw-head #p-search .mw-searchButton { opacity: 0; } #mw-head #p-search .searchButton { width: 26px; min-width: unset; opacity: 1; background-image: none; --mask: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E search %3C/title%3E%3Cpath fill-rule='evenodd' d='M12.2 13.6a7 7 0 1 1 1.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM13 8A5 5 0 1 1 3 8a5 5 0 0 1 10 0z'/%3E%3C/svg%3E%0A") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 18px 18px; mask-size: 18px 18px; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head #p-search #searchform:hover .searchButton { background-color: var(--theme-link-color-hover); } #mw-head #p-search .vector-search-box-input:focus ~ .searchButton { background-color: var(--theme-link-color-focus); } /*** search result suggestions ***/ .suggestions { background: var(--theme-background); box-sizing: border-box; margin-top: 0; box-shadow: var(--theme-box-shadow); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } .suggestions .suggestions-results, .suggestions .suggestions-special { background: none; transition: all 0.15s; } .suggestions .suggestions-results { border: 1px solid var(--theme-border-color); border-top: 0; } .suggestions .suggestions-results:empty { border-bottom: 0; } .suggestions .suggestions-result, .suggestions .suggestions-special .special-label, .suggestions .suggestions-special .special-query { color: var(--theme-text-color); } .suggestions .suggestions-result { padding: 1px 4px; } .suggestions .suggestions-special { margin: 0; padding: 2px 4px 4px; border: 1px solid var(--theme-border-color); border-top: 0; border-radius: var(--theme-box-border-radius); border-top-left-radius: 0; border-top-right-radius: 0; } .suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus { color: var(--theme-link-color); } .suggestions .suggestions-result-current { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } .suggestions .suggestions-result-current:hover { background: var(--theme-background); } .suggestions .suggestions-result-current .special-label, .suggestions .suggestions-result-current .special-query { color: var(--theme-highlight-color); } /**** main content box ****/ /* font */ .vector-body { font-size: unset; /* reset */ line-height: 1.7142857143; } /** layout **/ #content { color: var(--theme-text-color); padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: var(--theme-box-background); --theme-heading-rule-color-h1: var(--theme-border-color); --theme-heading-rule-color-h2: var(--theme-border-color); --layout-padding-x: 32px; --layout-padding-y: 24px; } .content-body { -webkit-box-flex: 0; -webkit-flex: 1 1 auto; -moz-box-flex: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } .content-body > main { align-self: stretch; padding: var(--layout-padding-y) var(--layout-padding-x); } #bodyContent { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: unset; } /** main heading section **/ #firstHeading { overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */ } /** the " < rootpage < page " crumb **/ #contentSub, #contentSub2 { margin: 0; color: var(--theme-text-color-note); font-size: 12px; line-height: 20px; } #contentSub { position: relative; } #contentSub .subpages { color: transparent; line-height: 20px; font-size: 0; } #contentSub .subpages a { font-size: 12px; vertical-align: middle; display: inline-flex; align-items: center; padding-left: 4px; } #contentSub .subpages a::before { content: ""; display: inline-block; height: 4px; width: 4px; border-color: var(--theme-icon-color); border-style: solid; border-width: 0 0 2px 2px; margin: 0 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #contentSub::after { /* the spacing and line between heading section and content body box */ content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: calc(var(--layout-padding-y) / 2) calc(0px - var(--layout-padding-x)) var(--layout-padding-y); } /** content body box **/ #mw-content-text { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 30em; } /*** "category:" box ***/ #catlinks { background: var(--theme-background); border: 0; margin: var(--layout-padding-y) 0 0; padding: 0; } #catlinks::before { content: ""; display: block; background: linear-gradient(var(--theme-accent-color), var(--theme-accent-color)) left top/var(--layout-padding-x) 100% no-repeat, var(--theme-stripe); height: 12px; margin: 0 calc(0px - var(--layout-padding-x)) calc(var(--layout-padding-y) / 2); } /*** ads ***/ div.games-showcase-header { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0; } div.games-showcase-footer { margin: 0; padding: 0 var(--layout-padding-x) var(--layout-padding-y); } .content-body > .games-showcase-sidebar { margin: 0; padding: var(--layout-padding-y) var(--layout-padding-x) 0 0; } .games-showcase-header img, .games-showcase-footer img { height: 100%; width: auto; object-fit: contain; } @media screen and (max-width: 1100px) { .games-showcase-header img, .games-showcase-footer img { height: auto !important; width: 100% !important; object-fit: contain; } } @media screen and (max-width: 926px) { .games-showcase-header img, .games-showcase-footer img { object-position: 50%; height: 105px !important; width: 100% !important; object-fit: none !important; } } aside.games-showcase-sidebar div.sidebar-showcase { padding: 0 0 var(--layout-padding-y) 0; } /**** #footer (copyright info) ****/ #footer { background: var(--theme-background); padding: 16px 24px; border-radius: 0 0 var(--theme-box-border-radius) var(--theme-box-border-radius); position: relative; /* grid */ display: -ms-grid; display: grid; -ms-grid-columns: [l] 1fr 0fr [r]; /* For IE 10+ */ grid-template-columns: [l] 1fr 0fr [r]; -ms-grid-rows: [t] auto auto [b]; /* For IE 10+ */ grid-template-rows: [t] auto auto [b]; z-index: 0; /* covered by content */ font-size: 12px; } .mw-footer li { color: var(--theme-text-color); } #footer a { color: var(--theme-link-color); } #footer a:hover { color: var(--theme-link-color-hover); } #footer-info { display: contents; } #footer ul li { font-size: inherit; line-height: 1.5; padding: 0; } #footer-icons { grid-column: span 1/r; grid-row: t/b; place-self: end; } #footer #footer-info-lastmod { grid-column: l/span 1; grid-row: t/span 1; place-self: start; margin-bottom: 1em; } #footer #footer-info-copyright { grid-column: l/span 1; grid-row: span 1/b; place-self: end stretch; position: relative; padding-right: 100px; } #footer-info-copyright img { position: absolute; right: 0; bottom: 0; height: 31px; width: auto; } #footer-places > * { margin-top: 1em; } /****** responsive Layout ******/ @media screen and (max-width: 1800px) { :root { --layout-sidespace: 0px; /* whitespace width on most left and most right,must with "px" */ } } /* screen and (max-width: 1800px) */ @media screen and (max-width: 1365px) { :root { --layout-logo-scale: 0.75; } /* change layout */ /* -ms-grid properties cannot use var values, manually update them */ body { -ms-grid-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; grid-template-columns: [body-left] 0 [aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right] 0 [body-right]; -ms-grid-rows: [body-start] 35px [page-start logo-start] calc(105px * 1 + 12px * 6) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; grid-template-rows: [body-start] var(--layout-topbar-height) [page-start logo-start] var(--layout-logo-box-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end]; } /* re-style navbar */ #mw-panel { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: flex-end; padding: 0; box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); /* Make #p-logo be positioned relative to #mw-panel. By this way, we can safely apply filter/backdrop-filter on #mw-panel */ position: relative; z-index: 1; } #mw-panel .portal { background: none; -webkit-backdrop-filter: unset; backdrop-filter: unset; box-shadow: none; border: 0; margin: 0; padding: 0; position: relative; } #mw-panel .portal .vector-menu-heading { font-size: 14px; font-weight: normal; padding: 9px 12px; border: 0; border-radius: 0; background: none; } #mw-panel .portal .vector-menu-heading::after { border-width: 6px 5px 0; /* change arrow direction */ margin-left: 4px; } #mw-panel .portal .body { display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: absolute; left: 0; top: 100%; width: max-content; min-width: 8em; border: var(--theme-dropdown-border); border-radius: var(--theme-box-border-radius); background: var(--theme-dropdown-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); border-top-left-radius: 0; border-top-right-radius: 0; } #mw-panel .portal .body ul { padding: 0; } #mw-panel .portal .body li a { padding: 6px 12px; /* "Atom" RSS Feed */ } #mw-panel .portal .body li a.feedlink { padding-left: 12px; } #mw-panel .portal .body li a::before { display: none; } #mw-panel .portal .body li a:hover { background: var(--theme-highlight-background); color: var(--theme-highlight-color); } #mw-panel .portal.expanded .vector-menu-heading, #mw-panel .portal:hover .vector-menu-heading { background: var(--theme-highlight-background); color: var(--theme-highlight-color); border-radius: 0; } #mw-panel .portal.expanded .vector-menu-heading::after, #mw-panel .portal:hover .vector-menu-heading::after { -webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); border-color: var(--theme-highlight-color) transparent; } #mw-panel .portal.expanded .body, #mw-panel .portal:hover .body { display: block !important; } /* logo: smaller, and position relative to #mw-panel */ #p-logo { background-size: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)) auto; top: calc(0px - var(--layout-logo-box-height)); } #p-logo .mw-wiki-logo { width: calc(var(--theme-site-logo-width) * var(--layout-logo-scale)); height: calc(var(--theme-site-logo-height) * var(--layout-logo-scale)); } /* search: move to sidebar nav box ("main nav bar") */ #mw-head #p-search { box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); padding: 0; border-bottom: 0; position: absolute; right: 8px; top: -45px; /* offset */ z-index: 2; } .vector-search-box-inner { width: 50vw; max-width: 25em; } #mw-head #right-navigation #p-cactions { margin-right: 0; } /* "more" menu in #right-navigation */ #mw-head #right-navigation .vector-menu-dropdown { margin-right: 0; } #mw-head #right-navigation .vector-menu-dropdown::after { display: none; } #mw-head #right-navigation .vector-menu-dropdown .vector-menu-content { left: auto; right: 0; } } /* screen and (max-width: 1365px) */ @media screen and (max-width: 900px) { :root { --layout-logo-scale: 0.5; --layout-box-gap: 6px; } /* change layout */ body { -ms-grid-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; grid-template-columns: [body-left aside-left nav-left content-left footer-left] minmax(0, 1fr) [content-right aside-right nav-right footer-right body-right]; } #mw-page-base, #mw-panel, #mw-head, #content, #footer { border-radius: 0; border-left: 0; border-right: 0; } #p-logo { left: 10px; } #mw-head #p-search { top: -39px; /* offset */ } .vector-search-box-inner { width: 16.5em; max-width: unset; min-width: unset; } /* re-style navbar */ #mw-panel .portal { position: unset; } #mw-panel .portal .vector-menu-heading { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal .body { left: 0; width: 100%; padding: 12px; box-sizing: border-box; } /* -ms-grid properties cannot use var values, manually update them */ #mw-panel .portal .body ul { display: -ms-grid; display: grid; -ms-grid-columns: repeat(auto-fit, 180px); grid-template-columns: repeat(auto-fit, var(--layout-sidebar-width)); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mw-panel .portal .body li a { display: block; padding-left: 0; padding-right: 0; } } /* screen and (max-width:900px) */ @media screen and (max-width: 720px) { :root { --layout-logo-scale: 0.75; } #p-logo { width: 100%; left: 0; } #mw-panel { box-shadow: var(--theme-box-shadow2); border-bottom: 0; display: block; height: 36px; } #mw-panel .portal { display: none; box-shadow: none; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); margin: 0; } #mw-panel .portal .vector-menu-heading { padding: 0 12px 4px; border: 0; display: block; background: none; font-weight: bold; } #mw-panel .portal .vector-menu-heading::after { display: none; } #mw-panel .portal:hover .vector-menu-heading { background: none; color: var(--theme-heading-color); } #mw-panel .portal .body { display: block !important; /* !important is required, since there is inline-css from sidebar collapse/expand */ position: unset; border: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; padding: 4px 12px; } #mw-panel .portal .body ul { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: unset; -webkit-justify-content: unset; -moz-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } #mw-panel .portal .body li a { padding: 4px 8px; white-space: nowrap; } #mw-panel .portal:last-child { padding-bottom: 12px; border-bottom: 1px solid var(--theme-box-border-color); } #mw-panel .menu-toggle { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 24px; height: 24px; margin: 6px 12px; } #mw-panel .menu-toggle.expanded ~ .portal { display: block; } #mw-panel .menu-toggle + .portal { padding-top: 12px; } #mw-head #p-search { box-shadow: none; padding: 0; top: -37px; /* offset */ left: auto; right: 12px; width: auto; z-index: 3; } .vector-search-box-inner { width: 100vw; max-width: 16.5em; } #content { --layout-padding-x: 12px; --layout-padding-y: 12px; } /* icon navbar tabs */ #mw-head { top: unset; /* reset */ --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0z' fill='none' stroke='none'/%3E%3Cpath d='M4 4l4 16l4 -14l4 14l4 -16'/%3E%3C/svg%3E"); --icon-size: 1.5em; } #mw-head .vector-menu-tabs .mw-list-item a, #mw-head .vector-menu-dropdown .vector-menu-heading { --theme-link-color-hover: var(--theme-icon-color-hover); width: 1.5em; /* same as line height */ height: 1.5em; box-sizing: content-box; padding: var(--tab-padding-y); color: transparent; /**<< for watch/unwatch, the text of <a> will be plain 'watch'/'unwatch' without <span> after clicking. **/ } #mw-head .vector-menu-tabs .mw-list-item a::before, #mw-head .vector-menu-dropdown .vector-menu-heading::before { content: ""; display: block; position: unset; background-image: none; width: var(--icon-size); height: var(--icon-size); margin: calc((1.5em - var(--icon-size)) / 2); --mask: var(--icon) no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-link-color); } #mw-head .vector-menu-tabs .mw-list-item a:hover::before, #mw-head .vector-menu-dropdown .vector-menu-heading:hover::before { background-color: var(--theme-link-color-hover); } #mw-head .vector-menu-tabs .mw-list-item a span, #mw-head .vector-menu-dropdown .vector-menu-heading span { display: none; } #mw-head .vector-menu-dropdown .vector-menu-heading::after { display: none; } #ca-edit { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M29.12,6.05,26,2.88a3,3,0,0,0-4.24,0L6.29,18.29a3.06,3.06,0,0,0-.72,1.18L2.08,29.92l10.46-3.49a3.15,3.15,0,0,0,1.17-.72L29.12,10.29a3,3,0,0,0,0-4.24Zm-21,13.28,8.75-8.74,1.58,1.58L9.67,20.92ZM18.24,9.17l1.59-1.58,4.58,4.58-1.58,1.59ZM7.1,21.19l3.72,3.71L5.25,26.75Zm5.57,2.73-1.59-1.59,8.75-8.74,1.58,1.58Zm15-15-1.88,1.88L21.24,6.17l1.88-1.88A1,1,0,0,1,23.83,4a1,1,0,0,1,.71.29l3.17,3.18a1,1,0,0,1,.29.7A1,1,0,0,1,27.71,8.88Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-view, #ca-view-foreign { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M30.89,15.54A17,17,0,0,0,16,6,17,17,0,0,0,1.11,15.54L.87,16l.24.46A17,17,0,0,0,16,26a17,17,0,0,0,14.89-9.54l.24-.46ZM24,16a8,8,0,1,1-8-8A8,8,0,0,1,24,16ZM3.14,16a16.47,16.47,0,0,1,4.14-4.89,10,10,0,0,0,0,9.78A16.47,16.47,0,0,1,3.14,16Zm21.58,4.89a10,10,0,0,0,0-9.78A16.47,16.47,0,0,1,28.86,16,16.47,16.47,0,0,1,24.72,20.89Z'/%3E%3Cpath d='M16,20a4,4,0,1,0-4-4A4,4,0,0,0,16,20Zm0-6a2,2,0,1,1-2,2A2,2,0,0,1,16,14Z'/%3E%3C/g%3E%3C/svg%3E"); } #left-navigation li[id^=ca-nstab-] { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='12 15 11 15 11 17 12 17 20 17 21 17 21 15 20 15 12 15'/%3E%3Cpolygon points='12 19 11 19 11 21 12 21 15 21 16 21 16 19 15 19 12 19'/%3E%3Cpath d='M20.41,3H5V26a3,3,0,0,0,3,3H24a3,3,0,0,0,3-3V9.59ZM20,5.41,24.59,10H21a1,1,0,0,1-1-1ZM24,27H8a1,1,0,0,1-1-1V5H18V9a3,3,0,0,0,3,3h4V26A1,1,0,0,1,24,27Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-history { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/%3E%3Cpath d='M17,7H15v8.52a2,2,0,0,0,.75,1.56l4.63,3.7,1.24-1.56L17,15.52Z'/%3E%3C/g%3E%3C/svg%3E"); } #ca-talk { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M26,12H24V6a3,3,0,0,0-3-3H6A3,3,0,0,0,3,6V24.41l5.12-5.12A1.05,1.05,0,0,1,8.83,19H12v3a3,3,0,0,0,3,3h8.17a1.05,1.05,0,0,1,.71.29L29,30.41V15A3,3,0,0,0,26,12ZM12,15v2H8.83a3,3,0,0,0-2.12.88L5,19.59V6A1,1,0,0,1,6,5H21a1,1,0,0,1,1,1v6H15A3,3,0,0,0,12,15ZM27,25.59l-1.71-1.71A3,3,0,0,0,23.17,23H15a1,1,0,0,1-1-1V15a1,1,0,0,1,1-1H26a1,1,0,0,1,1,1Z'/%3E%3C/g%3E%3C/svg%3E"); } #t-contributions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg enable-background='new 0 0 32 32' id='Stock_cut' version='1.1' viewBox='0 0 32 32' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdesc/%3E%3Cpath d='M27,12V5h-7v0 c0-2.209-1.791-4-4-4h0c-2.209,0-4,1.791-4,4v0H1v7h0c2.209,0,4,1.791,4,4v0c0,2.209-1.791,4-4,4h0v11h11v0c0-2.209,1.791-4,4-4h0 c2.209,0,4,1.791,4,4v0h7V20h0c2.209,0,4-1.791,4-4v0C31,13.791,29.209,12,27,12L27,12z' fill='none' stroke='%23000000' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E"); } #ca-addsection { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpolygon points='29 15 17 15 17 3 15 3 15 15 3 15 3 17 15 17 15 28 17 28 17 17 29 17 29 15'/%3E%3C/g%3E%3C/svg%3E"); } #ca-viewsource { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath class='heroicon-ui' d='M20.59 12l-3.3-3.3a1 1 0 1 1 1.42-1.4l4 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-1.42-1.4l3.3-3.3zM3.4 12l3.3 3.3a1 1 0 0 1-1.42 1.4l-4-4a1 1 0 0 1 0-1.4l4-4a1 1 0 0 1 1.42 1.4L3.4 12zm7.56 8.24a1 1 0 0 1-1.94-.48l4-16a1 1 0 1 1 1.94.48l-4 16z'/%3E%3C/svg%3E"); } #p-variants { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm8,13a24.28,24.28,0,0,0-.41-3.62c2.19.91,3.75,2.19,4.25,3.62Zm-2,0H17V10a20.9,20.9,0,0,1,4.34.63A20.26,20.26,0,0,1,22,15ZM17,8V4.19c1.43.5,2.71,2.06,3.62,4.25A24.28,24.28,0,0,0,17,8ZM15,4.19V8a24.28,24.28,0,0,0-3.62.41C12.29,6.25,13.57,4.69,15,4.19ZM15,10v5H10a20.26,20.26,0,0,1,.63-4.34A20.9,20.9,0,0,1,15,10ZM8,15H4.19c.5-1.43,2.06-2.71,4.25-3.62A24.28,24.28,0,0,0,8,15Zm0,2a24.28,24.28,0,0,0,.41,3.62C6.25,19.71,4.69,18.43,4.19,17Zm2,0h5v5a20.9,20.9,0,0,1-4.34-.63A20.26,20.26,0,0,1,10,17Zm5,7v3.84c-1.43-.5-2.71-2.06-3.62-4.25A24.28,24.28,0,0,0,15,24Zm2,3.84V24a24.28,24.28,0,0,0,3.62-.41C19.71,25.75,18.43,27.31,17,27.81ZM17,22V17h5a20.26,20.26,0,0,1-.63,4.34A20.9,20.9,0,0,1,17,22Zm7-5h3.84c-.5,1.43-2.06,2.71-4.25,3.62A24.28,24.28,0,0,0,24,17Zm2.87-6.12A15.11,15.11,0,0,0,23,9a15.11,15.11,0,0,0-1.85-3.87A12.12,12.12,0,0,1,26.84,10.88Zm-16-5.72A15.11,15.11,0,0,0,9,9a15.11,15.11,0,0,0-3.87,1.85A12.12,12.12,0,0,1,10.88,5.16Zm-5.72,16A15.11,15.11,0,0,0,9,23a15.11,15.11,0,0,0,1.85,3.87A12.12,12.12,0,0,1,5.16,21.12Zm16,5.72A15.11,15.11,0,0,0,23,23a15.11,15.11,0,0,0,3.87-1.85A12.12,12.12,0,0,1,21.12,26.84Z'/%3E%3C/g%3E%3C/svg%3E"); } #p-cactions { --icon: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg id='Outlined' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cg id='Fill'%3E%3Cpath d='M16,13a3,3,0,1,0,3,3A3,3,0,0,0,16,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,16,17Z'/%3E%3Cpath d='M24,13a3,3,0,1,0,3,3A3,3,0,0,0,24,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,24,17Z'/%3E%3Cpath d='M8,13a3,3,0,1,0,3,3A3,3,0,0,0,8,13Zm0,4a1,1,0,1,1,1-1A1,1,0,0,1,8,17Z'/%3E%3C/g%3E%3C/svg%3E"); } .mrfz-wtable, .mrfz-btable { width: 100%; margin-left: inherit !important; } .mw-collapsible { width: 100% !important; } tbody > tr > th, tbody > tr > th > div { width: auto !important; } } /* screen and (max-width:720px) */ @media screen and (max-width: 600px) { /* footer */ #footer #footer-icons { float: none; } #footer #footer-info-copyright { grid-column: l/span 2; padding-right: 0; padding-bottom: 40px; } #footer #footer-info-copyright img { right: auto; left: 0; } } /* screen and (max-width:600px) */ @media screen and (max-width: 450px) { :root { --layout-logo-scale: 0.5; } } /* screen and (max-width:450px) */ /***** Notification area *****/ .mw-notification-area-overlay { position: fixed; z-index: 9999; } .mw-notification-area { font-size: 14px; line-height: 1.7142857143; } .mw-notification { color: var(--theme-text-color); box-sizing: border-box; border: var(--theme-box-border-width) var(--theme-box-border-style) var(--theme-box-border-color); border-radius: var(--theme-box-border-radius); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); box-shadow: var(--theme-box-shadow); background: var(--theme-background); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } /* Notification boxes on the right, e.g. after patrolling an edit */ .mw-notification.mw-notification-type-error { color: var(--theme-notice-red-text-color); border-color: var(--theme-notice-red-text-color); } .mw-notification.mw-notification-type-warn { color: var(--theme-notice-orange-text-color); border-color: var(--theme-notice-orange-text-color); } /****** postedit notification ******/ .postedit-container { top: 4em; } /*********************************************************************************************************** * Over-width table floating-scroll ***********************************************************************************************************/ /* css for floating-scroll v3.2.0 https://amphiluke.github.io/floating-scroll/ (c) 2022 Amphiluke */ .fl-scrolls { overflow: auto; position: fixed; } .fl-scrolls div { overflow: hidden; pointer-events: none; } .fl-scrolls div:before { content: " "; } .fl-scrolls, .fl-scrolls div { font-size: 1px; line-height: 0; margin: 0; padding: 0; } .fl-scrolls-hidden div:before { content: "  "; } .fl-scrolls-viewport { position: relative; } .fl-scrolls-body { overflow: auto; } .fl-scrolls-viewport .fl-scrolls { position: absolute; } .fl-scrolls-hoverable .fl-scrolls { opacity: 0; transition: opacity 0.5s 0.3s; } .fl-scrolls-hoverable:hover .fl-scrolls { opacity: 1; } .fl-scrolls:not([data-orientation]), .fl-scrolls[data-orientation=horizontal] { bottom: 0; min-height: 17px; } .fl-scrolls:not([data-orientation]) div, .fl-scrolls[data-orientation=horizontal] div { height: 1px; } .fl-scrolls-hidden.fl-scrolls:not([data-orientation]), .fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal] { bottom: 9999px; } .fl-scrolls-viewport .fl-scrolls:not([data-orientation]), .fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal] { left: 0; } .fl-scrolls[data-orientation=vertical] { right: 0; min-width: 17px; } .fl-scrolls[data-orientation=vertical] div { width: 1px; } .fl-scrolls-hidden.fl-scrolls[data-orientation=vertical] { right: 9999px; } .fl-scrolls-viewport .fl-scrolls[data-orientation=vertical] { top: 0; } /*css for wide table */ .table-wide { clear: both; position: relative; } .mw-parser-output > .table-width { margin-top: 0.5em; margin-bottom: 0.5em; } .table-wide-inner { overflow-x: auto; } .table-wide-inner > table { margin: 0 !important; } .table-wide:before { box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color); content: ""; display: block; width: 20px; height: 100%; pointer-events: none; position: absolute; right: 0; z-index: 2; } /*********************************************************************************************************** * Styles for "real" wiki page content. (in div.mw-parser-output) ***********************************************************************************************************/ /* remove external link icon. */ .mw-parser-output a.external, .link-https { padding-right: 0; background: none; } .mw-parser-output > :first-child { margin-top: 0; } /** headings **/ .mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-body h3, .vector-body h4, .vector-body h5, .vector-body h6 { margin: 0; color: var(--theme-heading-color); font-family: inherit; font-weight: normal; line-height: 1.25; } .mw-body h1, .mw-body-content h1 { font-size: 36px; line-height: 44px; font-weight: bold; } .mw-body-content h2 { font-size: 24px; line-height: 30px; margin-top: 18px; margin-bottom: 9px; border-bottom: 1px solid var(--theme-heading-rule-color-h2); padding-bottom: 3px; } .vector-body h3 { font-size: 20px; line-height: 26px; margin-top: 14px; margin-bottom: 7px; } .vector-body h4 { font-size: 16px; line-height: 22px; margin-top: 14px; margin-bottom: 7px; } .vector-body h5 { line-height: 22px; font-size: 14px; font-weight: bold; margin-top: 10px; margin-bottom: 7px; } .vector-body h6 { line-height: 20px; font-size: 12px; font-weight: bold; margin-top: 7px; margin-bottom: 7px; } /* reduce heading font size: */ @media (max-width: 900px) { .mw-body h1, .mw-body-content h1 { font-size: 24px; line-height: 32px; } .mw-body-content h2 { font-size: 20px; line-height: 28px; } .vector-body h3 { font-size: 18px; line-height: 24px; } } /* section edit link */ .mw-editsection { white-space: nowrap; color: var(--theme-text-color-note); } /** ToC **/ /* base common style */ .toc { background: none; border-radius: var(--theme-box-border-radius); border: 1px solid var(--theme-border-color); margin-top: 18px; margin-bottom: 18px; padding: 0; font-size: 1em; min-width: 12em; } .toc a { color: var(--theme-text-color); } .toc .tocnumber { color: var(--theme-text-color-note); } .toc .tocnumber:after { content: "."; } /* header */ .toc { /* arrow */ /* do not change ToC box width when toggle show/hide. */ } .toc .toctitle { position: relative; overflow: hidden; text-align: left; padding: 8px; } .toc .toctitle h2 { line-height: 20px; font-weight: normal; margin: 0; border: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 0.5em; } .toc .toctitle h2::before { content: ""; display: block; width: 12px; height: 12px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--theme-text-color); margin: 0 6px 0 0; } .toc .toctogglelabel { position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding-right: 1em; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .toc .toctogglespan::before, .toc .toctogglespan::after, .toc .toctogglelabel::after { display: none; } .toc .toctogglelabel::before { content: ""; display: inline-block; background: none; position: relative; width: 0; height: 0; border-style: solid; border-color: var(--theme-icon-color) transparent; border-width: 0 5px 6px 5px; vertical-align: middle; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .toc .toctogglelabel:hover::before { border-color: var(--theme-icon-color-hover) transparent; } .toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before { border-width: 6px 5px 0 5px; } .toc .toctogglecheckbox:checked ~ ul { overflow: hidden; display: block; height: 0; border: 0; padding-top: 0; padding-bottom: 0; } /* content list */ .mw-content-ltr .toc ul ul, .mw-content-rtl .toc ul ul { margin: 0 0 0 1em; } .toc > ul { padding: 7px; border-top: 1px solid var(--theme-border-color); margin: 0; } .toc > ul a { display: block; padding: 2px 0.5em; border-radius: var(--theme-box-border-radius); transition: all 0.15s; } .toc > ul a:hover { text-decoration: none; margin-left: 0.5em; margin-right: -0.5em; color: var(--theme-accent-color); } .toc > ul li { margin: 0; } /********* Tables *********/ table { /* fix 100% width table with border */ box-sizing: border-box; } table.lined, table.bordered, table.cellborder { border-collapse: collapse; border-style: solid; border-color: var(--theme-border-color); } table.lined th, table.lined td { border-width: 0 0 1px 0; } table tfoot:empty, table thead:empty { display: none; } table.lined td.noline, table.lined tr.noline td { border-bottom-width: 0; } table tr.bottomline td { border-bottom-width: 1px; } table tr.topline td { border-top-width: 1px; } table td.bottomline, table.lined tr.noline td.bottomline { border-bottom-width: 1px; } table td.topline { border-top-width: 1px; } /* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */ table.outer { white-space: nowrap; } table.inner { border-collapse: collapse; background: inherit; width: 100%; } table.inner th { border: 2px solid var(--theme-border-color); } .wikitable, .wikitable > tr > th, .wikitable > * > tr > th { color: inherit; background: none; } .wikitable { border-color: var(--theme-border-color); } table.cargoTable.noMerge tr:nth-child(2n) { background: rgba(127, 127, 127, 0.25); } table.cargoTable.noMerge tr:nth-child(2n+1) { background: none; } /* table formatting */ table { display: table; white-space: initial; } .mrfz-wtable { margin: 20px 0; border-collapse: collapse; border: 1px solid var(--theme-border-color); } .mrfz-wtable tr, .mrfz-wtable td { border: 1px solid var(--theme-border-color); } .mrfz-wtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); } .mrfz-btable { margin: 10px 0; padding: 5px; border: 1px solid var(--theme-border-color); } .mrfz-wtable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mrfz-btable .wds-tabs__wrapper .wds-tabs { font-size: 12px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* for navigation tabs */ .navtab { width: 100%; table-layout: fixed; border: 1px solid var(--theme-border-color); margin: 1em 0; text-align: center; } .navtab .navtab-button, .navtab .navtab-currentbutton { padding: 6px 0; } .navtab .navtab-button a { color: var(--theme-text-color-note); } .navtab .navtab-button a:hover { color: var(--theme-link-color-hover); } .navtab .navtab-currentbutton { background: var(--theme-highlight-background); color: var(--theme-highlight-color); font-weight: bold; } .navtab .navtab-currentbutton a { color: var(--theme-highlight-color); } /* <tabber> */ .tabber__header { box-shadow: inset 0 -1px 0 0 var(--theme-border-color); } .tabber__indicator { background: var(--theme-accent-color); } .tabber__tab, .tabber__tab:visited { color: var(--theme-text-color-note); } .tabber__tab:hover { color: var(--theme-link-color); } .tabber__tab[aria-selected=true], .tabber__tab[aria-selected=true]:visited { color: var(--theme-accent-color); } .navtable { table-layout: fixed; width: 100%; border: 1px solid var(--theme-border-color); border-collapse: collapse; margin-bottom: 1em; text-align: center !important; } .navtable th { background: var(--theme-th-background); border: 1px solid var(--theme-border-color); color: white; } .navtable tr td { border: 1px solid var(--theme-border-color); } /* for tabbers */ .tabber .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid var(--theme-accent-color); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); padding: 0; background: var(--theme-background); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* Adds padding to the wrapper to make space for a shadow */ #tooltip-wrapper { padding: 3px 7px 2px 3px; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; } /* Align images with text the same way it's in page content */ /* Was probably better to play with the classes but that would cause ton of side effects */ .main-tooltip img { vertical-align: middle; } .item-tooltip, .enemy-tooltip, .character-tooltip, .collection-tooltip, .furniture-tooltip, .outfit-tooltip, .glossary, .profile-picture-tooltip { display: inline-block !important; } /* for infoboxes */ .portable-infobox { border: 1px solid var(--pi-border-color); border-collapse: collapse; } .portable-infobox .pi-title { padding: 5px !important; font-size: 18px !important; font-weight: bold !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-header { padding: 5px !important; font-size: 14px !important; font-weight: bold !important; line-height: 20px !important; text-transform: initial; background: var(--pi-header-background); color: var(--pi-header-background--label); text-align: center; } .portable-infobox .pi-tab-link { margin: 4px 2px; padding: 3px 6px; font-size: 12px; font-weight: bold; border: 0; border-bottom: 2px solid transparent; } .portable-infobox .pi-tab-link.current { border-bottom-color: var(--theme-accent-color); background: none; } .portable-infobox .pi-item-spacing { padding: 5px; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { font-family: inherit; font-size: 12px !important; } .portable-infobox .pi-data-label { font-weight: bold; } .portable-infobox .pi-item, .portable-infobox .pi-horizontal-group-item { border: none !important; } .portable-infobox .wds-tabs { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper .wds-tabs { text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* Item infobox themes */ .portable-infobox.pi-theme-t1 { border: 1px solid gray; } .portable-infobox.pi-theme-t1 .pi-title, .portable-infobox.pi-theme-t1 .pi-header { background-color: gray; color: #fff; } .portable-infobox.pi-theme-t2 { border: 1px solid #D3DB2E; } .portable-infobox.pi-theme-t2 .pi-title, .portable-infobox.pi-theme-t2 .pi-header { background-color: #D3DB2E; color: black; } .portable-infobox.pi-theme-t3 { border: 1px solid #09B3F7; } .portable-infobox.pi-theme-t3 .pi-title, .portable-infobox.pi-theme-t3 .pi-header { background-color: #09B3F7; color: #fff; } .portable-infobox.pi-theme-t4 { border: 1px solid #D8B3D8; } .portable-infobox.pi-theme-t4 .pi-title, .portable-infobox.pi-theme-t4 .pi-header { background-color: #D8B3D8; color: black; } .portable-infobox.pi-theme-t5 { border: 1px solid #FFC802; } .portable-infobox.pi-theme-t5 .pi-title, .portable-infobox.pi-theme-t5 .pi-header { background-color: #FFC802; color: black; } .portable-infobox.pi-theme-t6 { border: 1px solid #FECA72; } .portable-infobox.pi-theme-t6 .pi-title, .portable-infobox.pi-theme-t6 .pi-header { background-color: #FECA72; color: black; } .portable-infobox.pi-theme-ra1 { border: 1px solid #909B67; } .portable-infobox.pi-theme-ra1 .pi-title, .portable-infobox.pi-theme-ra1 .pi-header { background-color: #909B67; color: #fff; } .portable-infobox.pi-theme-ra2 { border: 1px solid #269572; } .portable-infobox.pi-theme-ra2 .pi-title, .portable-infobox.pi-theme-ra2 .pi-header { background-color: #269572; color: #fff; } .portable-infobox.pi-theme-ra3 { border: 1px solid #CF9F01; } .portable-infobox.pi-theme-ra3 .pi-title, .portable-infobox.pi-theme-ra3 .pi-header { background-color: #CF9F01; color: #fff; } .portable-infobox.pi-theme-ra4 { border: 1px solid #E37E20; } .portable-infobox.pi-theme-ra4 .pi-title, .portable-infobox.pi-theme-ra4 .pi-header { background-color: #E37E20; color: #fff; } /* Operator infobox themes */ .portable-infobox.pi-theme-1star { border: 1px solid #A0A0A0; } .portable-infobox.pi-theme-1star .pi-title, .portable-infobox.pi-theme-1star .pi-header { background-color: #A0A0A0; color: #fff; } .portable-infobox.pi-theme-2star { border: 1px solid #DCDC00; } .portable-infobox.pi-theme-2star .pi-title, .portable-infobox.pi-theme-2star .pi-header { background-color: #DCDC00; color: black; } .portable-infobox.pi-theme-3star { border: 1px solid #00AAEE; } .portable-infobox.pi-theme-3star .pi-title, .portable-infobox.pi-theme-3star .pi-header { background-color: #00AAEE; color: #fff; } .portable-infobox.pi-theme-4star { border: 1px solid #D6C5D6; } .portable-infobox.pi-theme-4star .pi-title, .portable-infobox.pi-theme-4star .pi-header { background-color: #D6C5D6; color: black; } .portable-infobox.pi-theme-5star { border: 1px solid #FFFFA9; } .portable-infobox.pi-theme-5star .pi-title, .portable-infobox.pi-theme-5star .pi-header { background-color: #FFFFA9; color: black; } .portable-infobox.pi-theme-6star { border: 1px solid #FFC800; } .portable-infobox.pi-theme-6star .pi-title, .portable-infobox.pi-theme-6star .pi-header { background-color: #FFC800; color: black; } /* Collectible infobox themes */ .portable-infobox.pi-theme-normal { border: 1px solid #808080; } .portable-infobox.pi-theme-normal .pi-title, .portable-infobox.pi-theme-normal .pi-header { background-color: #808080; color: #fff; } .portable-infobox.pi-theme-rare { border: 1px solid #2AC5C9; } .portable-infobox.pi-theme-rare .pi-title, .portable-infobox.pi-theme-rare .pi-header { background-color: #2AC5C9; color: #fff; } .portable-infobox.pi-theme-superrare { border: 1px solid #7D0022; } .portable-infobox.pi-theme-superrare .pi-title, .portable-infobox.pi-theme-superrare .pi-header { background-color: #7D0022; color: #fff; } /* Event infobox themes */ .portable-infobox.pi-theme-intermezzo { border: 1px solid #5F9EA0; } .portable-infobox.pi-theme-intermezzo .pi-title, .portable-infobox.pi-theme-intermezzo .pi-header { background-color: #5F9EA0; color: #fff; } .portable-infobox.pi-theme-sidestory { border: 1px solid #6495ED; } .portable-infobox.pi-theme-sidestory .pi-title, .portable-infobox.pi-theme-sidestory .pi-header { background-color: #6495ED; color: #fff; } .portable-infobox.pi-theme-rerun { border: 1px solid #4CC7AC; } .portable-infobox.pi-theme-rerun .pi-title, .portable-infobox.pi-theme-rerun .pi-header { background-color: #4CC7AC; color: #fff; } .portable-infobox.pi-theme-vignette { border: 1px solid #80A846; } .portable-infobox.pi-theme-vignette .pi-title, .portable-infobox.pi-theme-vignette .pi-header { background-color: #80A846; color: #fff; } .portable-infobox.pi-theme-cc { border: 1px solid #DC143C; } .portable-infobox.pi-theme-cc .pi-title, .portable-infobox.pi-theme-cc .pi-header { background-color: #DC143C; color: #fff; } .portable-infobox.pi-theme-is { border: 1px solid #B10A68; } .portable-infobox.pi-theme-is .pi-title, .portable-infobox.pi-theme-is .pi-header { background-color: #B10A68; color: #fff; } .portable-infobox.pi-theme-tn { border: 1px solid #FF8C00; } .portable-infobox.pi-theme-tn .pi-title, .portable-infobox.pi-theme-tn .pi-header { background-color: #FF8C00; color: #fff; } .portable-infobox.pi-theme-commemorative { border: 1px solid #790DDE; } .portable-infobox.pi-theme-commemorative .pi-title, .portable-infobox.pi-theme-commemorative .pi-header { background-color: #790DDE; color: #fff; } .portable-infobox.pi-theme-login { border: 1px solid #F08080; } .portable-infobox.pi-theme-login .pi-title, .portable-infobox.pi-theme-login .pi-header { background-color: #F08080; color: #fff; } .portable-infobox.pi-theme-specialevent { border: 1px solid #F982EC; } .portable-infobox.pi-theme-specialevent .pi-title, .portable-infobox.pi-theme-specialevent .pi-header { background-color: #F982EC; color: #fff; } #mwe-popups-settings { background: var(--theme-popup-background); border: 1px solid var(--theme-accent-color); box-shadow: var(--theme-box-shadow); border-radius: var(--theme-box-border-radius); } #mwe-popups-settings header { border-bottom: 1px solid var(--theme-accent-color); } #mwe-popups-settings main#mwe-popups-settings-form p { color: var(--theme-label-text-color); } #mwe-popups-settings main#mwe-popups-settings-form form label > span { color: var(--theme-text-color); } .mwe-popups { background: var(--theme-popup-background); border-radius: 0; } .mwe-popups .mw-ui-icon { -webkit-filter: invert(1); filter: invert(1); } .mwe-popups .mwe-popups-container { color: var(--theme-text-color); } .mwe-popups .mwe-popups-settings-icon:hover { background-color: var(--theme-popup-background); } .mwe-popups .mwe-popups-settings-icon:active { background-color: var(--theme-accent-color); } .mwe-popups .mwe-popups-extract { color: var(--theme-text-color); } .mwe-popups .mwe-popups-extract[dir=ltr]:after { background: none; } .mwe-popups .mwe-popups-extract[dir=rtl]:after { background: none; } .mwe-popups .mwe-popups-extract blockquote:after { background: none; } .mwe-popups.mwe-popups-no-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-no-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.mwe-popups-image-pointer.flipped-x:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom-color: var(--theme-popup-background); } .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top-color: var(--theme-popup-background); } .mwe-popups.flipped-y:before { border-top-color: var(--theme-accent-color); } .mwe-popups.flipped-y:after { border-top-color: var(--theme-popup-background); } @supports (clip-path: polygon(1px 1px)) { .mwe-popups .mwe-popups-container { background: var(--theme-popup-background); --pseudo-radius:0px; } } .mwe-popups.mwe-popups-type-reference .mwe-popups-extract .mwe-popups-fade { background-image: none; } .mwe-popups-overlay { background-color: rgba(0, 0, 0, 0.7); -webkit-backdrop-filter: var(--theme-box-back-backdrop-filter); backdrop-filter: var(--theme-box-back-backdrop-filter); } /* TZclock */ .js-tzclock-wrap { display: table; margin: 0 auto; padding: 0 1em; text-align: center; white-space: nowrap; } .js-tzclock-lctn { text-decoration: underline; } /*********************************************************************************************************** * common style for content box ***********************************************************************************************************/ .fullwidth, .full-width { width: 100%; } .nowrap { white-space: nowrap; } /* ".center" has width=100% rule, we don't want it, so use a different class name. */ .aligncenter, .align-center { text-align: center; } .alignleft, .align-left { text-align: left; } .alignright, .align-right { text-align: right; } /* clear fix for float block */ .clearfix { *zoom: 1; } .clearfix::before, .clearfix::after { content: " "; display: table; } .clearfix::after { clear: both; } /* Thumbnail background color */ html .thumbimage { background-color: #4d3a32; } /** gallery **/ .thumbinner { border-radius: 5px; } li.gallerybox div.thumb { border-radius: 5px; } .gallery * { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .mw-gallery-traditional .thumb { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .mw-gallery-traditional .thumb a { display: block; } /* ref */ ol.references li:target, sup.reference:target { background-color: var(--theme-th-background); } /*********************************************************************************************************** * css for specific content pages ***********************************************************************************************************/ /*********** Main page START ****************/ #mainpage-wrap .footer { text-align: right; font-size: 12px; line-height: 22px; } #mainpage-wrap .box { border: 1px solid var(--theme-border-color); } #mainpage-wrap .box > div { background: rgba(24, 22, 33, 0.9); padding: 12px; } #mainpage-wrap h2 { margin: 0; border-bottom: 0; line-height: 2; text-align: center; background: #202d38; font-size: 18px; font-weight: bold; } #mainpage-wrap .content-wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 1em auto; } @media (max-width: 1200px) { #mainpage-wrap .content-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .content-wrap .l { -webkit-box-flex: 4; -webkit-flex: 4 4 600px; -moz-box-flex: 4; -ms-flex: 4 4 600px; flex: 4 4 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .content-wrap .r { -webkit-box-flex: 1; -webkit-flex: 1 1 280px; -moz-box-flex: 1; -ms-flex: 1 1 280px; flex: 1 1 280px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1em; } #mainpage-wrap .box.header { text-align: center; } #mainpage-wrap .box.header .welcome h2 { font-size: 2em; } #mainpage-wrap .box.header ul { display: inline-flex; align-items: center; margin: 1.5em auto 0.5em; gap: 1em; } #mainpage-wrap .box.header ul li { list-style: none; } @media (max-width: 600px) { #mainpage-wrap .box.header img { width: 32px; height: auto; } } #mainpage-wrap .box.game > div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; gap: 1em; align-items: center; } @media (max-width: 640px) { #mainpage-wrap .box.game > div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #mainpage-wrap .box.game img { width: 100%; height: auto; max-width: 320px; max-height: 180px; box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } #mainpage-wrap .box.game p { font-size: 16px; line-height: 28px; } #mainpage-wrap .box.feature { font-size: 18px; } @media (max-width: 600px) { #mainpage-wrap .box.feature { font-size: 16px; } } #mainpage-wrap .box.feature ul { margin: 0.5em 0; display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; justify-items: start; gap: 1em 1.5em; } @media (max-width: 600px) { #mainpage-wrap .box.feature ul { gap: 8px; } } #mainpage-wrap .box.gallery ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5em; margin: 0; } #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 40%; -moz-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; list-style: none; } @media (max-width: 1200px) and (min-width: 720px) { #mainpage-wrap .box.gallery ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 22%; -moz-box-flex: 1; -ms-flex: 1 1 22%; flex: 1 1 22%; } } #mainpage-wrap .box.gallery ul li img { width: 100%; height: auto; } #mainpage-wrap .box.gallery img { box-shadow: 0 0 3px rgba(255, 255, 255, 0.25); } /* for the main page templates */ .mp-box { margin: 3px 3px 6px; padding: 6px; font-size: 12px; border: none; background: var(--theme-th-background); } .mp-button { display: block; margin: 5px auto; padding: 5px 10px; width: 100px; text-align: center; font-size: 14px; border-radius: 5px; background: var(--theme-th-background); } .mp-cell { width: 80px; height: 80px; background-color: var(--theme-th-background); transition: all 0.2s ease-in; } .mp-cell:hover { background: var(--theme-highlight-background); transition: all 0.2s ease-in; } .mp-head { margin: 0 1em; padding: 2px 0; color: var(--theme-highlight-background); font-weight: bold; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid var(--theme-border-color); } .mp-list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; font-size: 12px; } .mp-left { width: 68%; float: left; } .mp-right { width: 32%; float: right; } /*********** Main page END ****************/ /*********************************************************************************************************** * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on ***********************************************************************************************************/ /********* ooui *********/ .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { background: none; } .oo-ui-textInputWidget .oo-ui-inputWidget-input { color: var(--theme-text-color); } .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .oo-ui-tabSelectWidget-framed { background: none; } /********* for File: NS pages *********/ #filetoc { background: none; } /******* Search result page. (Special:Search) ******/ .mw-search-form-wrapper { font-size: 1em; } .mw-search-form-wrapper #mw-search-top-table { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; } .mw-search-form-wrapper #mw-search-top-table > div { float: none; } .mw-search-form-wrapper .results-info { color: var(--theme-text-color-note); font-size: 1em; padding: 0 0 0 3em; white-space: nowrap; text-align: right; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .mw-search-form-wrapper .mw-search-visualclear { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs { border: 0; margin: 1em 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types + div { display: none; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types { width: 100%; float: none; padding: 0; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { float: none; display: inline-block; vertical-align: middle; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current { background: var(--theme-highlight-background); border-radius: 4px; overflow: hidden; } .mw-search-form-wrapper #mw-searchoptions { padding: 1em; background: var(--theme-box-background); border: 1px solid var(--theme-border-color-accent); border-radius: 4px; } /* responsive tweak */ @media screen and (max-width: 600px) { .mw-search-form-wrapper #mw-search-top-table { display: block; } .mw-search-form-wrapper .results-info { margin-top: 1em; } .mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li { font-size: 12px; } } .theme-dark { /*********************************************************************************************************** * dark theme tweak ***********************************************************************************************************/ } .theme-dark #filetoc, .theme-dark code, .theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend, .theme-dark .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined, .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle, .theme-dark .mw-search-profile-tabs, .theme-dark #mw-searchoptions, .theme-dark .mw-datatable td { background: none; } .theme-dark .oo-ui-textInputWidget .oo-ui-inputWidget-input { background: #1F3030; color: var(--theme-text-color); } .theme-dark #mw-allmessagestable tbody:hover td { background: var(--theme-highlight-background); } .theme-dark li.gallerybox div.thumb { background: var(--theme-box-background); } .theme-dark ul { list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5" height="13"><circle cx="2.5" cy="9" r="2.5" fill="#fff"/></svg>'); } .theme-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button { color: var(--theme-text-color-note); } .theme-dark .oo-ui-tabSelectWidget-framed, .theme-dark #preferences .mw-htmlform-submit-buttons { background: none; } .theme-dark .oo-ui-tabOptionWidget { color: var(--theme-text-color); } .theme-dark .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected { color: var(--theme-text-color); background: none; } .theme-dark table.diff .diff-context { background: rgba(248,249,250,0.15); color: var(--theme-text-color); } .theme-dark table.diff .diff-addedline .diffchange { background: rgba(74,166,255,0.6); } .theme-dark table.diff .diff-deletedline .diffchange { background: rgba(255,198,63,0.6); } .theme-dark div.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background: #333; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .oo-ui-iconElement-icon { -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagItemWidget .oo-ui-iconElement-icon { -webkit-filter: none; filter: none; } .theme-dark .mw-rcfilters-ui-filterTagMultiselectWidget .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title { color: #DDD; } .theme-dark div.thumbinner { background: none; } .theme-dark #pagehistory li.selected { background: rgba(40, 40, 40, 0.6); color: var(--theme-text-color); } .theme-dark #mw-indicator-mw-helplink a { background: none; position: relative; } .theme-dark #mw-indicator-mw-helplink a:before { content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-image: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34"); -webkit-filter: invert(1); filter: invert(1); } .theme-dark .mw-plusminus-pos { color: #7CF56E; } .theme-dark .mw-plusminus-neg { color: #FF9A9B; } .theme-dark .autocomment, .theme-dark .autocomment a, .theme-dark .autocomment a:visited { color: var(--theme-text-color-note); } .theme-dark .mw-message-box-warning { background-color: rgba(54,44,10,0.5); border-color: #FC3; color: #FFF; } .theme-dark fieldset { border-color: #CCC; } .theme-dark .mw-highlight pre, .theme-dark .mw-highlight code, .theme-dark .mw-highlight .mw-code { color: #CCC; } .theme-dark .mw-highlight .nv { color: #01C2EC; } /***************************** * PortableInfoboxes * ******************************/ :root .portable-infobox { --pi-background: var(--theme-background); --pi-secondary-background: var(--theme-accent-color); --pi-secondary-background--rgb: var(--theme-accent-color--rgb); --pi-secondary-background-label: #000; --pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5); } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; font-size: 1.5em; background: rgba(var(--pi-secondary-background--rgb), 0.75); color: var(--pi-secondary-background-label); } .portable-infobox .pi-data { background: rgba(var(--pi-secondary-background--rgb), 0.18); } .portable-infobox .pi-image { padding: 8px; } .pi-image-thumbnail { max-width: 100%; } .pi-section-navigation .pi-section-tab.pi-section-active, .pi-section-navigation .pi-section-tab.current, .pi-media-collection .pi-tab-link.current { background: var(--pi-secondary-background); color: var(--pi-secondary-background-label); } /* overqualify these to overwrite normal content heading styles */ .mw-body .portable-infobox h2, .mw-body .portable-infobox h3 { border-bottom: 0; font-family: inherit; font-weight: 700; margin: 0; } /***************************** * End PortableInfoboxes * ******************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************************************************************************* * Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) * **********************************************************************************************************************/ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { /* * don't trust the note that says margin doesn't work with inline * removing margin: 0 makes dds have margins again * We also want to reset margin-right in Minerva */ margin: 0; display: inline; } /* Display requested top-level lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, /* Display nested lists inline */ .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* TODO: :not() can maybe be used here to remove the later rule. naive test * seems to work. more testing needed. like so: */ .hlist dt:not(:last-child)::after { content: ": "; } .hlist dd:not(:last-child)::after, .hlist li:not(:last-child)::after { /* "space, Middle Dot, space" We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters. The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */ content: "\20\00B7\20"; font-weight: bold; } /* Add parentheses around nested lists */ .hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before, .hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before, .hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before { content: " ("; font-weight: normal; } .hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after, .hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after, .hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after { content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li::before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child::before, .hlist dt ol > li:first-child::before, .hlist li ol > li:first-child::before { content: " (" counter(listitem) "\a0"; } /******************************************** * End semantically-correct horizontal lists * *********************************************/ /********************************************************** * Template:Navbox (needs semantic horizontal lists above) * ***********************************************************/ .navbox { --navbox-background: none; /* for entire navbox */ --navbox-padding: 4px; --navbox-gap: 3px; /* when using zero-value, it must be 0px */ --navbox-outer-border-color: var(--theme-border-color-accent); --navbox-outer-border-width: 1px; --navbox-outer-border-style: solid; --navbox-outer-border-radius: 0px; --navbox-title-color: var(--theme-text-color); --navbox-title-background: var(--theme-accent-color); --navbox-title-icon-color: var(--theme-text-color); --navbox-title-link-color: var(--navbox-title-color); --navbox-title-link-color--visited: var(--navbox-title-color); --navbox-title-link-color--hover: var(--navbox-title-color); --navbox-title-redlink-color: var(--navbox-title-link-color); --navbox-title-link-decoration: underline solid; --navbox-title-redlink-decoration: underline wavy; --navbox-cell-padding: 0.25em 0.5em; --navbox-above-background: rgba(var(--theme-text-color--rgb), 0.15); --navbox-above-color: var(--theme-text-color); --navbox-below-background: var(--navbox-above-background); --navbox-below-color: var(--navbox-above-color); --navbox-heading-color: var(--navbox-title-color); --navbox-heading-background: var(--navbox-title-background); --navbox-heading-icon-color: var(--navbox-title-icon-color); --navbox-heading-link-color: var(--navbox-title-link-color); --navbox-heading-link-color--visited: var(--navbox-title-link-color--visited); --navbox-heading-link-color--hover: var(--navbox-title-link-color--hover); --navbox-heading-redlink-color: var(--navbox-title-redlink-color); --navbox-heading-link-decoration: var(--navbox-title-link-decoration); --navbox-heading-redlink-decoration: var(--navbox-title-redlink-decoration); --navbox-list-background: rgba(var(--theme-accent-color--rgb),.3); --navbox-list-background--striped: rgba(var(--theme-content-text-color--rgb), 0.08); --navbox-list-color: var(--theme-text-color); /* --navbox-group-* also apply to .navbox-subgroup */ --navbox-group-text-align: left; --navbox-group-background: rgba(var(--theme-accent-color--rgb), 0.2); --navbox-group-color: var(--theme-text-color); --navbox-tree-line-color: var(--navbox-group-background); --navbox-tree-line-width: 1px; --navbox-tree-indent: 1em; --navbox-tree-line-indent: 0.5em; --navbox-tree-line-spacing: var(--navbox-gap); --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E"); --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E"); } .navbox{ border-color: var(--navbox-outer-border-color); border-style: var(--navbox-outer-border-style); border-width: var(--navbox-outer-border-width); border-radius: var(--navbox-outer-border-radius); padding: var(--navbox-padding); font-size: calc(1em - 2px); margin: 0.5em auto; background: var(--navbox-background); line-height: 1.5; } .navbox.noborder, .navbox.no-border{ --navbox-padding: 0px; --navbox-outer-border-width: 0px; } .navbox * { border: 0; } .navbox, .navbox .navbox-section, .navbox .navbox-listbox{ display: flex; flex-direction: column; gap: var(--navbox-gap); } .navbox .navbox-title, .navbox .navbox-header{ text-align: center; padding:.5em calc(1.5em + 0.375rem); /* left and right padding equal to the size and position of the edit/collapse buttons */ min-height: 1.5em; position: relative; z-index: 0; font-weight: bold; } .navbox .navbox-title{ color: var(--navbox-title-color); background: var(--navbox-title-background); font-size: 125%; } .navbox .navbox-title a, .navbox .navbox-title a:visited, .navbox .navbox-title a:hover, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited, .navbox .navbox-title a.external:hover { text-decoration: var(--navbox-title-link-decoration); } .navbox .navbox-title a.new, .navbox .navbox-title a.new:visited { text-decoration: var(--navbox-title-redlink-decoration); } .navbox .navbox-title a, .navbox .navbox-title a.external, .navbox .navbox-title a.external:visited { color: var(--navbox-title-link-color); } .navbox .navbox-title a:visited{ color: var(--navbox-title-link-color--visited); } .navbox .navbox-title a.new, .navbox .navbox-title a.new:visited{ color:var(--navbox-title-redlink-color); } .navbox .navbox-title a:hover, .navbox .navbox-title a:visited:hover, .navbox .navbox-title a.external:hover, .navbox .navbox-title a.external:visited:hover { color:var(--navbox-title-link-color--hover); } .navbox .navbox-header{ color: var(--navbox-heading-color); background: var(--navbox-heading-background); font-size: 110%; } .navbox .navbox-header a, .navbox .navbox-header a:visited, .navbox .navbox-header a:hover, .navbox .navbox-header a.external, .navbox .navbox-header a.external:visited, .navbox .navbox-header a.external:hover { text-decoration: var(--navbox-header-link-decoration); } .navbox .navbox-header a.new, .navbox .navbox-header a.new:visited { text-decoration: var(--navbox-header-redlink-decoration); } .navbox .navbox-header a, .navbox .navbox-header a.external, .navbox .navbox-header a.external:visited { color: var(--navbox-heading-link-color); } .navbox .navbox-header a:visited{ color: var(--navbox-heading-link-color--visited); } .navbox .navbox-header a.new, .navbox .navbox-header a.new:visited{ color:var(--navbox-heading-redlink-color); } .navbox .navbox-header a:hover, .navbox .navbox-header a:visited:hover, .navbox .navbox-header a.external:hover, .navbox .navbox-header a.external:visited:hover { color:var(--navbox-heading-link-color--hover); } .navbox .navbox-navbar{ position: absolute; left: 0.375rem; top: 0.5em; } .navbox .navbox-navbar .nv{ display: inline-block; width: 1.5em; height: 1.5em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); } .navbox .navbox-navbar .nv > a{ display: block; width: 100%; height: 100%; opacity: 0; } .navbox .navbox-navbar .nv-view{ --mask: var(--icon-edit); } .navbox, .navbox .navbox-section{ position: relative; } .navbox > .mw-collapsible-toggle, .navbox .navbox-section > .mw-collapsible-toggle{ --mask: var(--icon-chevron-down); position: absolute; right: calc(0.375rem + var(--navbox-padding)); top: calc(0.9em + var(--navbox-padding)); z-index: 1; display: block; width: 1.5em; height: 1.5em; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--navbox-title-icon-color); transform: scaleY(-1); overflow:hidden; } .navbox .navbox-section > .mw-collapsible-toggle{ background-color: var(--navbox-heading-icon-color); right: 0.375rem; top: 0.6em; } .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed, .navbox .navbox-section > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed{ transform: none; } .navbox > .mw-collapsible-toggle *, .navbox .navbox-section > .mw-collapsible-toggle *{ opacity: 0; } .navbox .navbox-above, .navbox .navbox-below, .navbox .navbox-group, .navbox .navbox-subgroup, .navbox .navbox-list{ padding: var(--navbox-cell-padding); } .navbox .navbox-above, .navbox .navbox-below{ text-align: left; /* It's easy to center the content via <center></center> if needed. */ } .navbox .navbox-above{ background: var(--navbox-above-background); color: var(--navbox-above-color); } .navbox .navbox-below{ background: var(--navbox-below-background); color: var(--navbox-below-color); } .navbox .navbox-section-body, .navbox .navbox-sublist{ display: grid; gap: var(--navbox-gap); grid-template-columns: auto minmax(0,1fr); } .navbox .navbox-row{ display: contents; } .navbox .navbox-group, .navbox .navbox-subgroup{ text-align: var(--navbox-group-text-align); white-space: nowrap; font-weight: bold; background: var(--navbox-group-background); color: var(--navbox-group-color); } .navbox.group-align-left .navbox-group, .navbox.group-align-left .navbox-subgroup, .navbox .align-left{ text-align: left; } .navbox.group-align-center .navbox-group, .navbox.group-align-center .navbox-subgroup, .navbox .align-center{ text-align: center; } .navbox.group-align-right .navbox-group, .navbox.group-align-right .navbox-subgroup, .navbox .align-right{ text-align: right; } .navbox .navbox-listbox > .navbox-wrap{ background: var(--navbox-list-background); color: var(--navbox-list-color); flex-grow: 1; } .navbox .navbox-sublist{ flex-grow: var(--count); } .navbox .navbox-listbox:first-child{ /* A list-n without group-n */ grid-column-end: span 2; } .navbox .navbox-group, .navbox .navbox-subgroup, .navbox .navbox-listbox > .navbox-wrap{ display: grid; justify-items: stretch; align-items: center; } .navbox.striped-even .navbox-even, .navbox.striped-odd .navbox-odd{ background: var(--navbox-list-background--striped); } /* responsive */ @media screen and (max-width: 720px) { .navbox .navbox-section-body, .navbox .navbox-sublist { display: flex; flex-flow: column; } .navbox .navbox-row{ display: block; } .navbox .navbox-group + .navbox-listbox > .navbox-sublist:first-child, .navbox .navbox-subgroup + .navbox-listbox > .navbox-sublist:first-child{ margin-top: var(--navbox-gap); } .navbox .navbox-listbox.empty{ display: none; } .navbox .navbox-group, .navbox .navbox-subgroup{ text-align: left; white-space: normal; } .navbox .navbox-sublist { padding-left: var(--navbox-tree-indent); margin-left: var(--navbox-tree-line-indent); } .navbox .navbox-subgroup, .navbox .navbox-listbox { position:relative; } .navbox .navbox-group br, .navbox .navbox-subgroup br{ display: none; } .navbox .navbox-sublist .navbox-row > ::before{ position: absolute; left: calc(0px - var(--navbox-tree-indent)); top: 0; width: var(--navbox-tree-line-width); height: 100%; content: ""; display: block; background-color: var(--navbox-tree-line-color); } .navbox .navbox-sublist .navbox-row > .navbox-listbox::before, .navbox .navbox-row.empty-list > .navbox-subgroup::before{ height: calc(100% + var(--navbox-gap)); } .navbox .navbox-sublist .navbox-row:last-child > ::before { display: none; } .navbox .navbox-sublist .navbox-row:last-child > :first-child::before { display: block; height: 50%; } .navbox .navbox-subgroup::after, .navbox .empty-group .navbox-listbox > .navbox-wrap::after{ position: absolute; left: calc(var(--navbox-tree-line-width) - var(--navbox-tree-indent)); width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-width) - var(--navbox-tree-line-spacing)); height: var(--navbox-tree-line-width); content: ""; background-color: var(--navbox-tree-line-color); } } /********************* * End Template:Navbox* **********************/ /******************* * Main page layout * ********************/ #mp-container { display: grid; /* for mobile screens */ grid-template-areas: var(--main-page-layout--mobile); grid-template-columns: 100%; gap: 10px; } @media screen and (min-width:990px) { #mp-container { /* for narrow screens, between 990px and 1350px */ grid-template-areas: var(--main-page-layout--tablet); grid-template-columns: 1fr 1fr; } } @media screen and (min-width:1350px) { #mp-container { grid-template-areas: var(--main-page-layout--desktop); grid-template-columns: 2fr 1fr 2fr; } } .mp-box { position: relative; display: flex; flex-flow: column nowrap; width: calc(100% - 2px); box-sizing: border-box; background: rgba(var(--theme-box-background),0.25); border: 1px solid var(--theme-border-color); padding: 0px; } .mp-edit-link { display: none; } .mp-body { height: 100%; display: flex; padding: 0.5em; flex-flow: column nowrap; } .mp-box.centered-content .mp-body { height: 100%; display: flex; flex-flow: column nowrap; justify-content: space-evenly; } .mp-box.has-floating-image { display: block; } .mp-box.has-floating-image .mp-body { height: unset; display: block; } .mp-box h2 { text-align: center; font-weight: bold; overflow: initial; border-bottom: 1px solid var(--theme-border-color); font-size: 150%; margin: 0; padding: 5px 0; color: var(--theme-heading-color); } .mp-box .welcome-message { font-size: 200%; margin: 0; padding: 5px 0; color: #FFF; filter: drop-shadow(0 2px 3px #000); } #mp-box-welcome { text-align: center; position: relative; overflow: hidden; } #mp-welcome { display: flex; flex-flow: column nowrap; position: relative; height: 100%; z-index: 2; box-sizing: border-box; } #mp-welcome .welcome-subtitle { height: 100%; background: rgba(var(--theme-text-color),0.85); padding: 0.5em; } #mp-banner { position: absolute; width: 100%; height: 100%; filter: blur(5px); z-index: -1; background: none; /*url("/images/e/e0/MP_banner.jpg");*/ background-size: cover; background-repeat: no-repeat; background-position: top center; } .view-dark #mp-banner { filter: blur(5px) brightness(50%); } .view-light #mp-banner { filter: blur(5px) contrast(50%); } /* [[Template:MP_link]] */ .mp-links { --gap: 10px; } .mp-links > ul { display: flex; flex-flow: row wrap; justify-content: space-evenly; margin: 2px; gap: var(--gap); } .mp-links > ul > li { display: flex; flex-flow: column nowrap; align-items: stretch; text-align: center; box-sizing: border-box; flex: max(calc(50% - var(--gap)), 5em) 1 1; outline: 1px solid var(--theme-link-color); transition: 0.1s ease-in; } .mp-links > ul > li:hover { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;} .mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;} .mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;} .mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;} .mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;} .mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;} .mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;} .mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;} .mp-links > ul > li:hover a { text-decoration: underline; } .mp-links > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; flex: 1 1 auto; box-sizing: border-box; padding: 5px; } .mp-links > ul > li > a:first-child { height: 100%; } .mp-links > ul > li > a:last-child:not(:first-child) { height: unset; } .mp-links.stretch, .mp-links.stretch > ul { height: 100%; } .mp-links.side-image li { flex-flow: row nowrap; } .mp-links.plain > ul > li { outline-color: transparent; } /* MP icon lists */ .mp-iconlists { display: flex; flex-flow: wrap; gap: 5px 20px; } .mp-iconlists > .mp-iconlist { flex: 1; min-width: -webkit-fill-available; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .mp-iconlist > h3 { padding: 0; margin: 0; } .mp-iconlist > ul { list-style: none; margin: 0; } /* MP gallery */ .mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: flex; flex-flow: wrap; gap: 5px 10px; align-items: flex-end; justify-content: space-evenly; margin: auto; } .mp-box ul.gallery .gallerytext { margin-top: 1em; padding: 0; background-color: var(--theme-box-background); border: 1px solid var(--theme-link-color); } .mp-box .gallerybox:hover .gallerytext { background-color: rgba(var(--theme-link-color--rgb),0.2); } .mp-box ul.gallery .gallerytext > p { margin: 0; } .mp-box ul.gallery .gallerytext a { display: block; padding: .5em 0; } /*********************** * End main page layout * ************************/ /****************************************/ /******* Start DRUID CSS rules *********/ /****************************************/ :root.theme-light .druid-container { --druid-tertiary-background-color: var(--theme-border-color-accent); --druid-tertiary-background-color--rgb: var(--theme-border-color-accent--rgb); } :root.theme-dark .druid-container { --druid-secondary-background-color: var(--theme-accent-secondary-color); --druid-secondary-background-color--rgb: var(--theme-accent-secondary-color--rgb); } .druid-container { /* These variables are designed to inherit from your wiki's color variables. If your wiki uses a different naming scheme, change the inner names to match yours. If your wiki doesn't use color variables you should consider doing so, otherwise you can replace the inner variables or the fallback values with colors that match your wiki. */ --druid-background-color: var(--theme-box-background); --druid-background-color--rgb: var(--theme-box-background--rgb); --druid-secondary-background-color: var(--theme-accent-color); --druid-secondary-background-color--rgb: var(--theme-accent-color--rgb); --druid-secondary-background-label-color: var(--theme-text-color); --druid-secondary-background-label-color--rgb: var(--theme-text-color--rgb); --druid-tertiary-background-color: var(--theme-border-color); --druid-tertiary-background-color--rgb: var(--theme-border-color--rgb); --druid-border-color: var(--theme-accent-color); --druid-border-color--rgb: var(--theme-accent-color--rgb); --druid-link-color: var(--theme-link-color); --druid-link-color--rgb: var(--theme-link-color--rgb); --druid-link-label-color: var(--theme-text-color); --druid-link-label-color--rgb: var(--theme-text-color--rgb); } /* --------------------------------- */ /* Safe to edit ABOVE this line */ /* --------------------------------- */ /* --------------------------------- */ /* Do not edit below this line */ /* --------------------------------- */ .druid-container { border: 4px solid var(--druid-border-color); border-radius: 3px; background: var(--druid-background-color); float: right; clear: right; margin: 0 0 1em 1em; width:100%; max-width:22em; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 720px) { .druid-container { float: none; margin: 0.5rem auto; } } .druid-main-images-file, .druid-main-image { text-align:center; } .druid-infobox .druid-title, .druid-infobox .druid-section { background:rgba(var(--druid-secondary-background-color--rgb), 0.75); color:var(--druid-secondary-background-label-color); text-align:center; font-size:1.5em; padding:1px; } .druid-infobox .druid-section { font-size: 1.25em; font-weight: 500; } .druid-infobox .druid-collapsible .druid-section { flex-grow: 1; } .druid-label { font-weight:bold; text-align: right; box-sizing: border-box; } .druid-row > .druid-label { width: 48%; flex-shrink: 0; } .druid-row > .druid-label, .druid-row > .druid-data { padding-inline: 0.3em; } .druid-main-image, .druid-main-images { padding: 5px; } .druid-main-image img, .druid-main-images img { max-width: 100%; height: auto; } .druid-main-images-labels { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0.25em; gap: 0.25em; } .druid-main-images-label { cursor: pointer; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; -webkit-transition: .1s ease-in; -moz-transition: .1s ease-in; -o-transition: .1s ease-in; transition: .1s ease-in; outline: 1px solid var(--druid-link-color); } .druid-main-images-label.focused { background: var(--druid-link-color); color: var(--druid-link-label-color); } .druid-main-images-label:not(.focused):hover { background: rgba(var(--druid-link-color--rgb), 0.25); } .druid-toggleable-data:not(.focused), .druid-main-images-file:not(.focused), .druid-toggleable-heading:not(.focused) { display: none; } .druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) { display: none; } .druid-section:has(.druid-toggleable-heading-empty.focused) { display: none; } .druid-grid { display: -ms-grid; display: grid; gap: 0.3em; padding: 0.35em; } .druid-grid-item { background: var(--druid-tertiary-background-color); padding: 0.25em; border: 1px solid rgba(var(--druid-border-color--rgb), 0.5); border-radius: 2px; } .druid-grid-item .druid-label, .druid-grid-item .druid-data { text-align: center; } .druid-data-wide { width: 100%; } .druid-section-container > .druid-collapsible { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .druid-collapsed { display: none !important; } .druid-collapsible { cursor: pointer; position: relative; } .druid-collapsible::after { content: ""; display: block; position: absolute; right: 10px; width: 20px; height: 20px; --mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat; -webkit-mask: var(--mask); mask: var(--mask); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center center; mask-position: center center; background-color: var(--druid-secondary-background-label-color); } .druid-collapsible-collapsed::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) { display: none; } /***************************************** Div support *****************************************/ div.druid-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flex; display: flex; margin-block: 1px; } div.druid-row + div.druid-row { margin-top: 0; } div.druid-row > .druid-label { background: var(--druid-tertiary-background-color); } .druid-infobox .druid-title { font-weight: 700; } .druid-infobox #toc { display: none; } /******** Custom display classes *********/ div.druid-stacked.druid-row, .druid-stacked div.druid-row { flex-direction: column; } .druid-stacked.druid-row > .druid-label, .druid-stacked .druid-row > .druid-label { text-align: left; width: 100%; flex-basis: unset; } .druid-stacked.druid-row > .druid-data, .druid-stacked .druid-row > .druid-data { padding-left: .75em; } /* --------------------------------- */ /* Do not edit above this line */ /* --------------------------------- */ /* --------------------------------- */ /* Local overrides go below this line */ /* --------------------------------- */ /****************************************/ /******* End DRUID CSS rules *********/ /****************************************/ /*** Miscellaneous ***/ .responsive-image { max-width: 100%; height: auto; } .view-dark .invert-on-dark, .view-light .invert-on-light { filter: invert(100%); } @media screen and (min-width:720px) { .mobileonly { display: none; } } @media screen and (max-width:720px) { .nomobile { display: none; } } /*** Utility classes for standard MW galleries ***/ /* it's important that spaced comes before centered in the sheet */ .gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin-left: unset; } .gallery.centered { text-align: center; } /************************** * Start Modular Templates * **************************/ /********* [[Template:Ambox]] *********/ .ambox { --ambox-color: var(--theme-accent-color); border: 1px solid var(--theme-border-color); border-left: 10px solid var(--ambox-color); border-radius: 2px; display: flex; align-items: center; gap: .6em; margin: 1em 0; padding: 3px .6em; background-color: var(--theme-box-background); box-shadow: 2px 2px 5px 0px #0002; } @media (min-width: 720px) { .ambox { margin-inline: 10%; } } .ambox.tiny { padding: .04rem .5em; margin-inline: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .ambox + .ambox { margin-top: -.6em; } .ambox-content p { margin: .15em 0; } .ambox-title { font-weight: bold; } /********* [[Template:Hatnote]] *********/ .hatnote { padding: 1px 0 1px 1.6em; margin-bottom: 0.5em; font-style: italic; border-top: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); } .hatnote.icon { padding-left: 0; } /********* [[Template:Spoiler]] *********/ .spoiler-content { background-color: rgb(127, 127, 127); transition: all 0.3s; cursor: pointer; } .spoiler-content > span { opacity: 0; transition: all 0.3s; } .spoiler-content > * { pointer-events: none; } .spoiler-content.show > * { pointer-events: unset; } .spoiler-content.show { background-color: rgba(127,127,127,0); } .spoiler-content.show > span { opacity: 1; } /********* [[Template:Link icon]] *********/ .link-icon { --link-icon-line-height: 1.5em; --link-icon-size: 1.5em; display: inline-flex; align-items: center; height: var(--link-icon-line-height); vertical-align: bottom; } .link-icon .regular { align-self: center; } .link-icon .regular a { display: flex; } .link-icon .regular img { height: var(--link-icon-size); max-width: var(--link-icon-size); } .link-icon .fallback { outline: 1px solid var(--theme-text-color); border-radius: 50%; text-align: center; width: var(--link-icon-size); line-height: var(--link-icon-size); } .link-icon.notext .fallback { display: inline-block; } .link-icon.notext { display: inline; } /********* [[Template:Quote]] *********/ .quote { background: var(--theme-box-background); border-radius: 5px; border: 2px solid var(--theme-accent-color); margin: .5em 0; padding: .5em; } .quote .block { display: block; } .quote .title { font-size: large; font-weight: bold; } .quote .content { font-style: italic; } .quote .author { font-weight: bold; text-align: end; } .quote .marks-wrapper { display: flex; gap: 5px; } .quote .marks-wrapper::before, .quote .marks-wrapper::after { font-size: 100px; line-height: 0px; } .quote .marks-wrapper::before { content: "\201C"; margin-top: 40px; } .quote .marks-wrapper::after { content: "\201D"; align-self: end; margin-bottom: -10px; } .client-js .mw-charinsert-item { display: none; } /************************ * End Modular Templates * *************************/ /***************************** * Used by [[Template:Color]] * ******************************/ .color__splotch { display: inline-block; height: 1em; width: 1em; box-sizing: border-box; vertical-align: text-top; border-radius: 50%; border: 1px solid #111; } /********************* * End Template:Color * **********************/ da155e4272e53de9aeb5aeb648f3195358c6b9b1 8 23 309 251 2024-10-10T09:57:57Z Aeywoo 30671 This can begone too. css text/css /* All CSS here will be loaded for users of the Vector skin */ 6a6637a87dc6bd76aa7267af5f423aa80c80c328 8 24 310 25 2024-10-10T09:59:26Z Aeywoo 30671 Not using this right now,. javascript text/javascript /* All JavaScript here will be loaded for users of the Vector skin */ 87d9805c38247c2c00381496f97aaaa67fd17ea9 10 223 318 255 2024-10-13T05:17:27Z Aeywoo 30671 Updated from the Infobox module to PortableInfobox usage for now, until I can have some parity between the styles. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>General Info</header> <data source="developer"><label>Developer</label></data> <data source="publisher"><label>Publisher</label></data> <data source="releaseDate"><label>Release date</label></data> <data source="storePlatforms"><label>Store platforms</label></data> <data source="prices"><label>Prices</label></data> <data source="ageRatings"><label>Age ratings</label></data> </group> <group collapse="closed"> <header>Technical Details</header> <data source="platforms"><label>Platforms</label></data> <data source="genres"><label>Genres</label></data> <data source="gameEngine"><label>Game engine</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Video games]]|}}</includeonly><noinclude>{{/doc}}</noinclude> f7efdc3b34419cbd1184310b2bee55a212e8fb9e 341 318 2024-10-21T01:21:19Z Aeywoo 30671 Updated group collapsing. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>General Info</header> <data source="developer"><label>Developer</label></data> <data source="publisher"><label>Publisher</label></data> <data source="releaseDate"><label>Release date</label></data> <data source="storePlatforms"><label>Store platforms</label></data> <data source="prices"><label>Prices</label></data> </group> <group collapse="closed"> <data source="ageRatings"><label>Age ratings</label></data> </group> <group collapse="open"> <header>Technical Details</header> <data source="platforms"><label>Platforms</label></data> <data source="genres"><label>Genres</label></data> <data source="gameEngine"><label>Game engine</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Video games]]|}}</includeonly><noinclude>{{/doc}}</noinclude> 2b0d96e6a69fcc9788041ff07cfbe2cee1365de2 342 341 2024-10-21T01:24:12Z Aeywoo 30671 Updated. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>General Info</header> <data source="developer"><label>Developer</label></data> <data source="publisher"><label>Publisher</label></data> <data source="releaseDate"><label>Release date</label></data> <data source="storePlatforms"><label>Store platforms</label></data> </group> <group collapse="closed"> <header>Market Info</header> <data source="prices"><label>[https://steamdb.info/app/2366980/ Prices]</label></data> <data source="ageRatings"><label>[[Wikipedia:Video game content rating system|Age ratings]]</label></data> </group> <group collapse="open"> <header>Technical Details</header> <data source="platforms"><label>Platforms</label></data> <data source="genres"><label>Genres</label></data> <data source="gameEngine"><label>Game engine</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Video games]]|}}</includeonly><noinclude>{{/doc}}</noinclude> b72c51c388f8302840c18a500381338e30542bac 343 342 2024-10-21T01:24:42Z Aeywoo 30671 Updated second header. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>General Info</header> <data source="developer"><label>Developer</label></data> <data source="publisher"><label>Publisher</label></data> <data source="releaseDate"><label>Release date</label></data> <data source="storePlatforms"><label>Store platforms</label></data> </group> <group collapse="closed"> <header>Age Ratings and Prices</header> <data source="prices"><label>[https://steamdb.info/app/2366980/ Prices]</label></data> <data source="ageRatings"><label>[[Wikipedia:Video game content rating system|Age ratings]]</label></data> </group> <group collapse="open"> <header>Technical Details</header> <data source="platforms"><label>Platforms</label></data> <data source="genres"><label>Genres</label></data> <data source="gameEngine"><label>Game engine</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Video games]]|}}</includeonly><noinclude>{{/doc}}</noinclude> 6ddf0f1eb0872585b5948a082d209147b3d26ed2 8 7 321 8 2024-10-13T05:45:40Z Aeywoo 30671 Updated JS formatting and added import from the Commons Wiki. javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* DRUID */ $(function() { $(".druid-title-tab").off("click").on("click", function() { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-section-tab").off("click").on("click", function() { var $parent = $(this).closest(".druid-section-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click").on("click", function() { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function() { $(".spoiler-content") .off("click") // in case this code is loaded twice .on("click", function(e) { $(this).toggleClass("show"); }).find("a").on("click", function(e) { e.stopPropagation(); }); }); /* End Template:Spoiler */ /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ "wgCanonicalNamespace", "wgFormattedNamespaces" ]); if (config.wgCanonicalNamespace !== "Module") { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $(".s1, .s2, .s").each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === "["; var quoteRE = new RegExp("^\\" + quote + "|\\" + quote + "$", "g"); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ""); var isEnglishPrefix = name.startsWith("Module:"); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith("Dev:"); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = "https://commons.wiki.gg/wiki/Module:" + mw.util.wikiUrlencode(name.replace("Dev:", "")); attrs.target = "_blank"; attrs.rel = "noopener"; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = "[[" + link + "]]"; } $this.html(str); } }); }); /* CharInserts */ $(function() { $(".mw-charinsert-item").each(function() { $(this).text($(this).closest("div").attr("data-ci-label")); $(this).css("display", "inline-block"); }); $(".ci-loading-text").css("display", "none"); }); mw.loader.getScript("https://commons.wiki.gg/index.php?title=MediaWiki:Common-base.js&action=raw&ctype=text/javascript").then(function() { $('<div class="menu-toggle"/>').insertAfter($("#p-logo")).on("click", function(event) { event.stopPropagation(); $(this).toggleClass("expanded"); }); }); b4ab1214c5480c1fc98f87a8bfa70ddbe72e1d09 322 321 2024-10-13T05:46:28Z Aeywoo 30671 Removing support wiki import. javascript text/javascript /* Any JavaScript here will be loaded for all users on every page load. */ /* DRUID */ $(function() { $(".druid-title-tab").off("click").on("click", function() { var $parent = $(this).closest(".druid-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-section-tab").off("click").on("click", function() { var $parent = $(this).closest(".druid-section-container"); $parent.find(".druid-toggleable").removeClass("focused"); var i = $(this).attr("data-druid"); $parent.find(".druid-toggleable[data-druid=" + i + "]").addClass("focused"); }); $(".druid-collapsible").off("click").on("click", function() { var kind = $(this).attr("data-druid-section"); $(this).toggleClass("druid-collapsible-collapsed"); $(this) .closest(".druid-container") .find("[data-druid-section-row=" + kind + "]") .toggleClass("druid-collapsed"); }); }); /* End DRUID */ /* [[Template:Spoiler]] */ $(function() { $(".spoiler-content") .off("click") // in case this code is loaded twice .on("click", function(e) { $(this).toggleClass("show"); }).find("a").on("click", function(e) { e.stopPropagation(); }); }); /* End Template:Spoiler */ /* Link to imported modules from Lua code */ $(function() { var config = mw.config.get([ "wgCanonicalNamespace", "wgFormattedNamespaces" ]); if (config.wgCanonicalNamespace !== "Module") { return; } var localizedNamespace = config.wgFormattedNamespaces[828]; $(".s1, .s2, .s").each(function() { var $this = $(this); var html = $this.html(); var quote = html[0]; var isLongStringQuote = quote === "["; var quoteRE = new RegExp("^\\" + quote + "|\\" + quote + "$", "g"); if (isLongStringQuote) { quoteRE = /^\[\[|\]\]$/g; } var name = html.replace(quoteRE, ""); var isEnglishPrefix = name.startsWith("Module:"); var isLocalizedPrefix = name.startsWith(localizedNamespace + ':'); var isDevPrefix = name.startsWith("Dev:"); if (isEnglishPrefix || isLocalizedPrefix || isDevPrefix) { var attrs = { href: mw.util.getUrl(name) }; if (isDevPrefix) { attrs.href = "https://commons.wiki.gg/wiki/Module:" + mw.util.wikiUrlencode(name.replace("Dev:", "")); attrs.target = "_blank"; attrs.rel = "noopener"; } var link = mw.html.element('a', attrs, name); var str = quote + link + quote; if (isLongStringQuote) { str = "[[" + link + "]]"; } $this.html(str); } }); }); /* CharInserts */ $(function() { $(".mw-charinsert-item").each(function() { $(this).text($(this).closest("div").attr("data-ci-label")); $(this).css("display", "inline-block"); }); $(".ci-loading-text").css("display", "none"); }); c73aae0291e28e37e3c1526fca8d44e9fbbd9ba9 10 245 325 2024-10-13T06:18:42Z Aeywoo 30671 Created [[Template:Infobox character]]. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>Character Info</header> <data source="name"><label>Name</label></data> <data source="race"><label>Race</label></data> <data source="jobs"><label>Jobs</label></data> <data source="relatives"><label>Relatives</label></data> <data source="locations"><label>Locations</label></data> <data source="tasks"><label>Tasks</label></data> </group> <group layout="horizontal" collapse="open"> <header>Technical Details</header> <data source="filename"><label>Filename</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Characters]]|}}</includeonly><noinclude>{{/doc}}</noinclude> eead8a8073cda2f8301345b57c703489444f35d6 6 246 326 2024-10-15T06:54:15Z JustLeafy 396175 wikitext text/x-wiki == Licensing == {{License|game}} 5fdc0517c60eec1aa02a1fef9763fa88c38be9ad 10 247 327 2024-10-15T06:58:47Z JustLeafy 396175 Created page with "<span style="background-color: #222; border: 1px solid #111; box-shadow: 2px 2px 2px #333; color: white; font-size: 0.85em; padding: 1px 3px;">{{{1}}}</span><noinclude>[[Category:Templates]]</noinclude>" wikitext text/x-wiki <span style="background-color: #222; border: 1px solid #111; box-shadow: 2px 2px 2px #333; color: white; font-size: 0.85em; padding: 1px 3px;">{{{1}}}</span><noinclude>[[Category:Templates]]</noinclude> 8814320a6b79c257f65257b5e1b9f7d17d912744 0 248 328 2024-10-15T07:05:00Z JustLeafy 396175 Created page with "{{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December..." wikitext text/x-wiki {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). [[Category:Games]] 873439aafb6c553b5d67d35c41e0cb9fb410fbfd 329 328 2024-10-15T07:05:14Z JustLeafy 396175 wikitext text/x-wiki {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). c2db79a94083b9f1a3c49a4f51cd04f58f548953 330 329 2024-10-15T07:07:18Z JustLeafy 396175 wikitext text/x-wiki {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). == Trivia == *The second Sam's Meat scene is likely a reference to this game, due to the resemblance of the environment and atmosphere of the game. 54a013a6d797be366cb0b25666153d7272e845c9 331 330 2024-10-15T07:13:58Z JustLeafy 396175 wikitext text/x-wiki {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). == Trivia == *The second Sam's Meat scene is likely a reference to this game, due to the resemblance of the environment and atmosphere of the game. *On the taskbar, the game's icon is the default Unity icon. ec8a7108426581e5fbd08ad018b1bbb2cfea4e95 334 331 2024-10-15T08:07:59Z JustLeafy 396175 /* Trivia */ wikitext text/x-wiki {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). == Trivia == *The second Sam's Meat scene is likely a reference to this game, due to the resemblance of the environment and atmosphere of the game. *On the taskbar, the game's icon is the default Unity icon. *Given that this game is pretty short. there is no pause menu, and pressing {{Hotkey|Esc}} would make the player exit the game and restart from scratch. 50901f3a440998e9d7242d95ac81cdc2b3330554 335 334 2024-10-15T08:08:22Z JustLeafy 396175 /* Trivia */ wikitext text/x-wiki {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). == Trivia == *The second Sam's Meat scene is likely a reference to this game, due to the resemblance of the environment and atmosphere of the game. *On the taskbar, the game's icon is the default Unity icon. *Given that this game is pretty short. there is no pause menu, and pressing {{Hotkey|Esc}} would make the player exit the game and restart from scratch if they re-enter the game. 6acedbab9d11dbae2b9509fa700fb12f31a179f5 339 335 2024-10-17T07:37:46Z JustLeafy 396175 wikitext text/x-wiki {{DISPLAYTITLE:''The Good Time Garden''}} {{Infobox game |title = The Good Time Garden |image = The Good Time Garden.jpg |caption = Steam cover art |developer = Coal Supper |publisher = Coal Supper |releaseDate = 19 December 2019 |storePlatforms = Steam |prices = Free |ageRatings = |platforms = Microsoft Windows, macOS |genres = Short, Indie, Adventure |gameEngine = Unity }} '''''The Good Time Garden''''' is a short indie adventure game developed and published by [[Coal Supper]]. It was released on 19 December 2019. It is available to play for free on Steam for Microsoft Windows and macOS and only takes around 15 to 20 minutes to complete. It is the first commercially released game by Coal Supper, with ''[[Thank Goodness You're Here!]]'' being the second game. __TOC__ == Plot/Walkthrough == The game starts with the screen descending from the night sky to the trees, where a creature on a tree is seen outputting liquid from its nose, which then falls onto a plant, where if the player character slaps (by pressing {{hotkey|Spacebar}} multiple times), it will get out of the plant. Next, the player character has to go to the right to a plant and press {{hotkey|N}} to water it. This will make the plant output drops onto a frog-like creature's tongue, which is formed as a bridge for the player character to go through. After this, the player has to go north-east, to a patch of mushrooms, then water them, then pick up the grown mushroom by pressing {{hotkey|M}}, then head north-east to feed it to the onion creature, who then grows in size. This will unlock a passage to the north-west. Once the player heads to the area with red-violet grass, they will have to slap the two lavender plants, who then give birth to a child. This child must be fed to the onion creature. After that, the player needs to head to the very top of the area with red-violet grass, then water the dead tree. This will then allow the player to pick up the bird's egg. After doing so, this egg then hatches into a yolk, which then transforms into a creature that lays its own egg. This other egg should then be fed to the onion creature. Once the onion creature is fed these three things, the player will now be able to access to the passage on the right. After this, there are two passages: one on the top and one on the right. The player should proceed to the passage on the right and then head towards the lilypads where there is a frog creature. The frog creature should slap three of its pimples and then pick up the small creature that came from one of these pimples, then feed it to the onion creature. After this, the player should continue proceeding right and then water the substance at the center twice to make a creature become alive and wet again. After this, the player should pick up (a part of) the creature, go left, and give it to the onion creature once again. Next, the player should proceed to the passage on the top, then water the trapped creature twice to free it from vines, and then feed that creature to the onion creature. Once that happens, the passage to the top right will be unlocked. The player should proceed to there, then slap the creature over there. It will split into two, then the player should proceed to slap both of these creatures, so that they split into two as well. The creature, who has a slightly lighter color than the other creatures, will be the one following you, while the other creatures wander around. Proceed to the onion creature, which will then eat the creature that followed the player character. Once that happens, the onion creature will transform into something else with a passage on it. Proceed to the passage, the game ends here, then credits will roll. == Controls == On the Steam store, the controls that are listed are the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|W}}, {{Hotkey|A}}, {{Hotkey|S}}, {{Hotkey|D}} || Movement keys |- | {{Hotkey|Spacebar}} || Slap creatures |- | {{Hotkey|N}} || Output water on plants or creatures |- | {{Hotkey|M}} || Pick up an item or creature, or feed the currently held item to the onion creature |} However, not all controls are listed there. There are other controls in the game, including the following: {| class="wikitable" ! Key !! Action |- | {{Hotkey|↑}}, {{Hotkey|←}}, {{Hotkey|↓}}, {{Hotkey|→}} || Also movement keys |- | {{Hotkey|Esc}} || Exit the game |} Also, it should be noted when a player is currently picking up an item, they cannot slap, output water, or even remove the currently held item (unless they feed to the onion creature). == Trivia == *The second Sam's Meat scene is likely a reference to this game, due to the resemblance of the environment and atmosphere of the game. *On the taskbar, the game's icon is the default Unity icon. *Given that this game is pretty short. there is no pause menu, and pressing {{Hotkey|Esc}} would make the player exit the game and restart from scratch if they re-enter the game. 2f3d26f5e52287576826b11fbd4a7652be2c03e5 0 216 332 239 2024-10-15T07:15:23Z JustLeafy 396175 wikitext text/x-wiki {{Infobox game |image=Thank Goodness You're Here!.jpg |developer=Coal Supper |publisher=Panic |releaseDate=1 August 2024 |platforms=Microsoft Windows, macOS, Nintendo Switch, PS4, PS5 }} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. == Premise == "''Thank Goodness You're Here! is an absurd comedy slapformer set in the bizarre Northern English town of Barnsworth. As a traveling salesman, take the time to see the sights and meet the locals, who are very eager to give you a series of increasingly odd jobs…''" '''~Official Steam description''' == External links == *[https://store.steampowered.com/app/2366980 Thank Goodness You're Here! on Steam] *[https://www.nintendo.com/us/store/products/thank-goodness-youre-here-switch/ Thank Goodness You're Here! for the Nintendo Switch] 60b9bd5cd8af9497d11d2f507eeb5370da2822dd 337 332 2024-10-17T07:36:28Z JustLeafy 396175 wikitext text/x-wiki {{DISPLAYTITLE:''Thank Goodness You&#39;re Here!''}} {{Infobox game |image=Thank Goodness You're Here!.jpg |developer=Coal Supper |publisher=Panic |releaseDate=1 August 2024 |platforms=Microsoft Windows, macOS, Nintendo Switch, PS4, PS5 }} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. == Premise == "''Thank Goodness You're Here! is an absurd comedy slapformer set in the bizarre Northern English town of Barnsworth. As a traveling salesman, take the time to see the sights and meet the locals, who are very eager to give you a series of increasingly odd jobs…''" '''~Official Steam description''' == External links == *[https://store.steampowered.com/app/2366980 Thank Goodness You're Here! on Steam] *[https://www.nintendo.com/us/store/products/thank-goodness-youre-here-switch/ Thank Goodness You're Here! for the Nintendo Switch] 2a2a090b47f222aa47a39dea634dd63fc3a47e70 338 337 2024-10-17T07:37:14Z JustLeafy 396175 wikitext text/x-wiki {{DISPLAYTITLE:''Thank Goodness You&#39;re Here!''}} {{Infobox game |image=Thank Goodness You're Here!.jpg |developer=Coal Supper |publisher=Panic |releaseDate=1 August 2024 |platforms=Microsoft Windows, macOS, Nintendo Switch, PS4, PS5 }} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. It is the second game by Coal Supper, with the first one being a freeware short indie game called ''[[The Good Time Garden]]'', which was released in late 2019. == Premise == "''Thank Goodness You're Here! is an absurd comedy slapformer set in the bizarre Northern English town of Barnsworth. As a traveling salesman, take the time to see the sights and meet the locals, who are very eager to give you a series of increasingly odd jobs…''" '''~Official Steam description''' == External links == *[https://store.steampowered.com/app/2366980 Thank Goodness You're Here! on Steam] *[https://www.nintendo.com/us/store/products/thank-goodness-youre-here-switch/ Thank Goodness You're Here! for the Nintendo Switch] 6eb17326c9dd070e743760b4c35f5e3f410b6d95 344 338 2024-10-21T01:29:01Z Aeywoo 30671 Updated infobox information and external links. wikitext text/x-wiki {{DISPLAYTITLE:''Thank Goodness You&#39;re Here!''}} {{Infobox game |title = Thank Goodness You're Here! |image = Thank Goodness You're Here!.jpg |developer = [[Coal Supper]] |publisher = [[Panic]] |releaseDate = 31 July, 2024 |storePlatforms = [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Apple Mac Store], [https://store.steampowered.com/app/2366980/ Steam Store], [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Epic Games Store], [https://store.playstation.com/concept/10007988/ PlayStation Store], [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Nintendo Switch Store] |prices = [[Wikipedia:Australian dollar|AUD]]: $29.99<br/> [[Wikipedia:Canadian dollar|CAD]]: $25.99<br/> [[Wikipedia:Euro|Euro]]: 17,99€<br/> [[Wikipedia:Pound sterling|GBP]]: £15.99<br/> [[Wikipedia:Japanese yen|JPY]]: ¥ 2200<br/> [[Wikipedia:South Korean won|KRW]]: ₩ 21500<br/> [[Wikipedia:United States dollar|USD]]: $19.99 |ageRatings = [[Wikipedia:Australian Classification Board|ACB]]: M (15+)<br/> [[Wikipedia:Brazilian advisory rating system|ClassInd]]: 14<br/> [[Wikipedia:Entertainment Software Rating Board|ESRB]]: M (17+)<br/> [[Wikipedia:Pan European Game Information|PEGI]]: 16<br/> [[Wikipedia:Unterhaltungssoftware Selbstkontrolle|USK]]: 12 |platforms = [[Wikipedia:MacOS|MacOS]], [[Wikipedia:Personal computer|PC]], [[Wikipedia:PlayStation 4|PlayStation 4]], [[Wikipedia:PlayStation 5|PlayStation 5]], [[Wikipedia:Nintendo Switch|Nintendo Switch]] |genres = Platform, Puzzle, Adventure, Indie |gameEngine = [[Wikipedia:Unity (game engine)|Unity (2021.3.34)]]}} '''''Thank Goodness You&#39;re Here!''''' is a comedy adventure game developed by [[Coal Supper]] and published by [[Panic]]. It was released on 1 August 2024 and is available to play for Microsoft Windows, macOS, Nintendo Switch, PS4, and PS5. It is the second game by Coal Supper, with the first one being a freeware short indie game called ''[[The Good Time Garden]]'', which was released in late 2019. == Premise == "''Thank Goodness You're Here! is an absurd comedy slapformer set in the bizarre Northern English town of Barnsworth. As a traveling salesman, take the time to see the sights and meet the locals, who are very eager to give you a series of increasingly odd jobs…''" '''~Official Steam description''' == External links == * [https://thankgoodness.game/ Official website] * [https://store.steampowered.com/app/2366980/ Thank Goodness You're Here! on the Steam Store] * [https://store.playstation.com/concept/10007988/ Thank Goodness You're Here! on the PlayStation Store] * [https://apps.apple.com/app/thank-goodness-youre-here/id6504887308 Thank Goodness You're Here! on the Apple Mac Store] * [https://launcher.store.epicgames.com/p/thank-goodness-youre-here-aac813 Thank Goodness You're Here! on the Epic Games Store] * [https://www.nintendo.com/store/products/thank-goodness-youre-here-switch Thank Goodness You're Here! on the Nintendo Switch Store] f83c162adcf9e96da23b100698d07df3416778d4 14 249 333 2024-10-15T07:15:46Z JustLeafy 396175 Created page with "Video games by [[Coal Supper]]." wikitext text/x-wiki Video games by [[Coal Supper]]. 5b60d977bdcf3cd27ff67bf5a58ffb7f94a0ceb5 14 250 336 2024-10-17T07:34:41Z JustLeafy 396175 Redirected page to [[Category:Video games]] wikitext text/x-wiki #REDIRECT [[:Category:Video games]] 88eda37051a9661117c616c9c9d4f47415c84f7b 10 124 345 140 2024-10-21T05:10:58Z Aeywoo 30671 Updated. wikitext text/x-wiki <includeonly>{{#invoke:Navbox|navbox}}</includeonly><noinclude>{{Documentation}}</noinclude> 75c6b42249c4867107260ffb4dcab21d15a39165 10 125 346 141 2024-10-21T05:12:03Z Aeywoo 30671 Updated. wikitext text/x-wiki {{UsesLua|Navbox}} This template allows a navigational template to be set up relatively quickly by supplying it with one or more lists of links. Using this template is highly recommended for standardization of navigational templates, and for ease of use. == Usage == Please remove the parameters that are left blank. <syntaxhighlight lang="wikitext" style="overflow:auto">{{Navbox | name = {{subst:PAGENAME}} | title = | listclass = hlist | state = {{{state|}}} | above = | image = | group1 = | list1 = | group2 = | list2 = | group3 = | list3 = <!-- ... --> | below = }} </syntaxhighlight> == Parameter list == {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | above = {{{above}}} | image = {{{image}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} The navbox uses lowercase parameter names, as shown in the box (''above''). The required ''name'' and ''title'' will create a one-line box if other parameters are omitted. Notice "group1" (etc.) is optional, as are sections named "above/below". {{Clear}} The basic and most common parameters are as follows (see [[#Parameter descriptions|below]] for the full list): : <code>name</code> – the name of the template. : <code>title</code> – text in the title bar, such as: <nowiki>[[Widget stuff]]</nowiki>. : <code>class</code> - an optional CSS class for the entire navbox, to enable custom styling. : <code>listclass</code> – a CSS class for the list cells, usually <code>hlist</code> for horizontal lists. : <code>state</code> – controls when a navbox is expanded or collapsed. : <code>above</code> – text to appear above the group/list section (could be a list of overall wikilinks). : <code>image</code> – an optional right-side image, coded as the whole image. Typically it is purely decorative, so it should be coded as <code><nowiki>[[File:</nowiki><var>XX</var><nowiki>.jpg|80px|link=|alt=]]</nowiki></code>. : <code>imageleft</code> – an optional left-side image (code the same as the "image" parameter). : <code>group_n</code> – the left-side text before list-n (if group-n omitted, list-n starts at left of box). : <code>list_n</code> – text listing wikilinks using a [[Wikipedia:Help:Lists|wikilist]] format. : <code>below</code> – optional text to appear below the group/list section. == Parameter descriptions == The following is a complete list of parameters for using {{Tlx|Navbox}}. In most cases, the only required parameters are <code>name</code>, <code>title</code>, and <code>list1</code>. === Setup parameters === :; ''name'' :: The name of the template, which is needed for the "V&nbsp;• T&nbsp;• E" ("View&nbsp;• Talk&nbsp;• Edit") links to work properly on all pages where the template is used. You can enter <code><nowiki>{{subst:PAGENAME}}</nowiki></code> for this value as a shortcut. The name parameter is only mandatory if a <code>title</code> is specified, and the <code>border</code> parameter is not set, and the <code>navbar</code> parameter is not used to disable the navbar. :; ''state'' <span style="font-weight:normal;">[<code>autocollapse, collapsed, expanded, plain, off</code>]</span> :* Defaults to <code>autocollapse</code>. A navbox with <code>autocollapse</code> will start out collapsed if there are two or more tables on the same page that use other collapsible tables. Otherwise, the navbox will be expanded. :* If set to <code>collapsed</code>, the navbox will always start out in a collapsed state. :* If set to <code>expanded</code>, the navbox will always start out in an expanded state. :* If set to <code>plain</code>, the navbox will always be expanded with no [hide] link on the right, and the title will remain centered (by using padding to offset the <small>V&nbsp;• T&nbsp;• E</small> links). :* If set to <code>off</code>, the navbox will always be expanded with no [hide] link on the right, but no padding will be used to keep the title centered. This is for advanced use only; the "plain" option should suffice for most applications where the [show]/[hide] button needs to be hidden. : To show the box when standalone (non-included) but then auto-hide contents when in an article, put "expanded" inside <code>&lt;noinclude|&gt;</code>...<code>&lt;/noinclude|&gt;</code> tags. This setting will force the box visible when standalone (even when followed by other boxes), displaying "[hide]", but then it will auto-collapse the box when stacked inside an article: :: <code><nowiki>| state =&nbsp;</nowiki></code><code>&lt;noinclude|&gt;</code>expanded<code>&lt;/noinclude|&gt;</code> : Often times, editors will want a default initial state for a navbox, which may be overridden in an article. Here is the trick to do this: :* In your intermediate template, create a parameter also named "state" as a pass-through like this: :: <code><nowiki>| state = {{{state<includeonly>|your_desired_initial_state</includeonly>}}}</nowiki></code> :* The <code>&lt;includeonly&gt;</code><code>|</code> will make the template expanded when viewing the template page by itself. :; ''navbar'' :: If set to <code>plain</code>, the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links on the left side of the titlebar will not be displayed, and padding will be automatically used to keep the title centered. Use <code>off</code> to remove the <span style="font-size: 88%;">V&nbsp;• T&nbsp;• E</span> links, but not apply padding (this is for advanced use only; the "plain" option should suffice for most applications where a navbar is not desired). It is highly recommended that one not hide the navbar, in order to make it easier for users to edit the template, and to keep a standard style across pages. : ''See later section on [[#Child navboxes|using navboxes within one another]] for examples and a more complete description.'' If set to <code>child</code> or <code>subgroup</code>, then the navbox can be used as a borderless child that fits snugly in another navbox. The border is hidden and there is no padding on the sides of the table, so it fits into the ''list'' area of its parent navbox. If set to <code>none</code>, then the border is hidden and padding is removed, and the navbox may be used as a child of another container (do not use the <code>none</code> option inside of another navbox; similarly, only use the <code>child</code>/<code>subgroup</code> option inside of another navbox). If set to anything else (default), then a regular navbox is displayed with a 1px border. An alternate way to specify the border to be a subgroup style is like this (i.e. use the first unnamed parameter instead of the named ''border'' parameter): :<pre>{{Navbox|child|...}}</pre> === Cells === ; ''title''* : Text that appears centered in the top row of the table. It is usually the template's topic, i.e. a succinct description of the body contents. This should be a single line, but if a second line is needed, use <code><nowiki>{{-}}</nowiki></code> to ensure proper centering. This parameter is technically not mandatory, but using {{Tl|Navbox}} is rather pointless without a title. ; ''above''* : A full-width cell displayed between the titlebar and first group/list, i.e. ''above'' the template's body (groups, lists and image). In a template without an image, ''above'' behaves in the same way as the ''list1'' parameter without the ''group1'' parameter. ; ''group_n''* : (i.e. ''group1'', ''group2'', etc.) If specified, text appears in a header cell displayed to the left of ''list_n''. If omitted, ''list_n'' uses the full width of the table. ; ''list_n''* : (i.e. ''list1'', ''list2'', etc.) The body of the template, usually a list of links. Format is inline, although the text can be entered on separate lines if the entire list is enclosed within <code><nowiki><div> </div></nowiki></code>. At least one ''list'' parameter is required; each additional ''list'' is displayed in a separate row of the table. Each ''list_n'' may be preceded by a corresponding ''group_n'' parameter, if provided (see below). :Entries should be separated using a newline and an asterisk (*). If instead two asterisks are used, it provides [[Wikipedia:Nesting (computing)|nesting]] within the previous entry by enclosing the entry with brackets. Increasing the number of asterisks used increases the number of brackets around entries. ; ''imageleft''* : An image to be displayed in a cell below the title and to the left of the body (lists). For the image to display properly, the ''list1'' parameter must be specified and no groups can be specified. It accepts the same sort of parameter that ''image'' accepts. ; ''below''* : A full-width cell displayed ''below'' the template's body (groups, lists and image). == Layout of table == === Without image, above and below === Table generated by {{Tl|Navbox}} '''without''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | title = {{{title}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} }} === With image, above and below === Table generated by {{Tl|Navbox}} '''with''' ''image'', ''above'' and ''below'' parameters: {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | title = {{{title}}} | above = {{{above}}} | group1 = {{{group1}}} | list1 = {{{list1}}} | group2 = {{{group2}}} | list2 = {{{list2}}} | list3 = {{{list3}}} ''without {{{group3}}}'' | group4 = {{{group4}}} | list4 = {{{list4}}} | below = {{{below}}} }} === With image and without groups === Table generated by {{Tl|Navbox}} '''with''' ''image'', ''imageleft'', ''lists'', and '''without''' ''groups'', ''above'', ''below'': {{Navbox | name = Navbox/doc | state = uncollapsed | image = {{{image}}} | imageleft = {{{imageleft}}} | title = {{{title}}} | list1 = {{{list1}}} | list2 = {{{list2}}} | list3 = {{{list3}}} | list4 = {{{list4}}} }} == Examples == == TemplateData == <templatedata> { "params": { "state": { "label": "State", "description": "Controls when a navbox is expanded or collapsed", "example": "autocollapse", "suggestedvalues": [ "autocollapse", "collapsed", "expanded", "plain", "off" ], "default": "autocollapse", "suggested": true }, "title": { "label": "Title", "description": "Text in the title bar; centered in the top row of the table. Usually the template's topic.", "example": "[[Template:Navbox]]", "suggested": true }, "above": { "label": "Above", "description": "Full-width cell displayed between the titlebar and first group/list, i.e. above the template's body (groups, lists and image)", "type": "string", "suggested": true }, "image": { "label": "Image", "description": "Image to be displayed in a cell below the title and to the right of the body", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name", "suggested": true }, "group1": { "label": "Group 1", "description": "If specified, text appears in a header cell displayed to the left of list 1. If omitted, list 1 uses the full width of the table.", "suggested": true }, "list1": { "label": "List 1", "description": "Body of the template; usually a list of links. Format is inline. At least one list parameter is required; each additional list is displayed in a separate row of the table. Each listn may be preceded by a corresponding groupn parameter.\nEntries should be separated using a newline and an asterisk. If two asterisks are used, it provides nesting within the previous entry with brackets.", "required": true, "suggested": true }, "group2": { "suggested": true }, "list2": { "suggested": true }, "list3": { "suggested": true }, "group3": { "suggested": true }, "group4": {}, "list4": {}, "below": { "label": "Below", "description": "Full-width cell displayed below the template's body.", "suggested": true }, "imageleft": { "label": "Image left", "description": "Image to be displayed in a cell below the title and to the left of the body. For the image to display properly, list1 parameter must be specified and no groups can be specified.", "example": "[[File:XX.jpg | 80px | link= | alt= ]]", "type": "wiki-file-name" }, "name": { "label": "Name", "description": "The name of the template. Needed for \"View • Talk • Edit\" links to work properly.", "type": "string", "default": "{{subst:PAGENAME}}", "suggested": true }, "class": { "label": "Navbox class", "description": "CSS class for the navbox.", "example": "navbox-items", "type": "string" }, "listclass": { "label": "List class", "description": "CSS class for the list cells, usually hlist for horizontal lists.", "example": "hlist", "type": "string" }, "navbar": { "label": "Navbar status", "example": "plain, off", "type": "string" }, "border": { "label": "Border status", "example": "child, subgroup, none", "type": "string" }, "evenodd": { "suggestedvalues": [ "swap", "even", "odd", "off" ] } }, "description": "Creates a navigational box for links to other pages.", "paramOrder": [ "name", "title", "class", "group1", "list1", "listclass", "state", "above", "below", "image", "group2", "list2", "group3", "list3", "group4", "list4", "imageleft", "navbar", "border", "evenodd" ] } </templatedata> <includeonly>[[Category:Navigation templates]]</includeonly><noinclude>[[Category:Template documentation]]</noinclude> edfa89bd846eee362579914186e28f1f4a3f50de 828 202 347 218 2024-10-21T05:29:16Z Aeywoo 30671 Updated Navbox with version from Support Wiki. Scribunto text/plain local config = { ["default_list_class"] = "hlist", ["default_group_class"] = "", --"align-center", ["default_subgroup_class"] = "", --"align-center", ["default_nvabox_class"] = "", --"group-align-center", } ---------------------------------------------------------------------------------------------------- local l10n_info = { ["navbar_title_text"] = { ["en"] = "View or edit this template", ["zh"] = "查看或编辑此模板", ["zh-Hans"] = "查看或编辑此模板" }, } ---------------------------------------------------------------------------------------------------- local args = {} -- store nomalized args local tree = {} local listClass -- default class for lists local groupClass -- default class for groups local subgroupsClass -- default class for subgroups local headerState -- default state for all headers local trim = mw.text.trim local even -- for zebra stripes local lang local function l10n(key) lang = lang or mw.language.getContentLanguage():getCode() local t = l10n_info[key] if not t then error("invaild l10n key: "..key) end return t[lang] or t["en"] or "" end ---Split the `str` on each `div` in it and return the result as a table. Original ---version credit: http://richard.warburton.it. ---@param div string ---@param str string ---@return string[]? strExploded Is `nil` if `div` is an empty string local function explode(div, str) if (div == "") then return nil end local pos,arr = 0,{} -- for each divider found for st,sp in function() return string.find(str,div,pos,true) end do arr[#arr+1] = string.sub(str,pos,st-1) -- Attach chars left of current divider pos = sp+1 -- Jump past current divider end arr[#arr+1] = string.sub(str,pos) -- Attach chars right of last divider return arr end -- Normalize the name string of arguments. -- space character(" ") will be treat as underscore("_"), -- and the first letter is case-insensitive. local function normalize(s) s = string.gsub(s, " ", "_") s = string.lower(string.sub(s, 1, 1)) .. string.sub(s, 2) return s end -- Used to traverses a table following the order of its keys: -- for key, value in pairsByKeys(array) do -- print(key, value) -- end local function pairsByKeys(t, f) local a = {} for n in pairs(t) do table.insert(a, n) end table.sort(a, f) local i = 0 -- iterator variable local iter = function () -- iterator function i = i + 1 if a[i] == nil then return nil else return a[i], t[a[i]] end end return iter end local function parseArg(name, key, value) local pattern = "^"..name.."_?([%.%d]+)$" local index = string.match(key, pattern) if not index then return end if string.match(index, "^%.") or string.match(index, "%.$") or string.match(index, "%.%.") then return end local arr = explode(".", index) n = tonumber(table.remove(arr)) local node = tree for _, v in ipairs(arr) do v = tonumber(v) if not node[v] then node[v] = {["sub"] = {}} elseif not node[v]["sub"] then node[v]["sub"] = {} end node = node[v]["sub"] end if not node[n] then node[n] = {} end node[n][name] = value return true end local function getArg(name) return args[name] end local function getArgGroup(prefix) if not prefix then return tree end local node = tree for _, s in ipairs(explode(".", prefix)) do if not node[s] then error("invaild index: "..prefix) end node = node[s]["sub"] end return node end local function processItem(item) if item:sub(1, 2) == "{|" then -- Applying nowrap to lines in a table does not make sense. -- Add newlines to compensate for trim of x in |parm=x in a template. return "\n" .. item .."\n" end if item:match("^[*:;#]") then return "\n" .. item .."\n" end return item end local function renderNavBar() local name = getArg("name") or mw.getCurrentFrame():getParent():getTitle() local title = mw.title.new(mw.text.trim(name), "Template") if not title then error("Invalid title " .. name) end return mw.html.create("span"):addClass("navbox-navbar") :tag("span"):addClass("nv nv-view") :wikitext("[["..title.fullText.."|") :tag("span"):wikitext(l10n("navbar_title_text")):attr("title", l10n("navbar_title_text")):done() :wikitext("]]") :done() end local function renderTitleBar(title, collapsible, navbar) local titlebar = mw.html.create("div"):addClass("navbox-title"):addClass(getArg("title_class")):cssText(getArg("title_css") or getArg("title_style")) if navbar then titlebar:node(renderNavBar()) end if title then titlebar:tag("div") :attr("id", mw.uri.anchorEncode(title) or "") -- id for aria-labelledby attribute :addClass("navbox-title-text") :wikitext(processItem(title)) end return titlebar end local function renderAboveBox(above, id) return mw.html.create("div") :addClass("navbox-above mw-collapsible-content") :addClass(getArg("above_class")):cssText(getArg("above_css") or getArg("above_style")) -- id for aria-labelledby attribute, if no title :attr("id", id and mw.uri.anchorEncode(above) or nil) :wikitext(processItem(above)) end local function renderBelowBox(below) return mw.html.create("div") :addClass("navbox-below mw-collapsible-content") :addClass(getArg("below_class")):cssText(getArg("below_css") or getArg("below_style")) :wikitext(processItem(below)) end local function renderSectionHeader(content, index) return mw.html.create("div"):addClass("navbox-header") :addClass(getArg("header_"..index.."_class") or getArg("header_class")) :cssText(getArg("header_"..index.."_css") or getArg("header_"..index.."_style") or getArg("header_css") or getArg("header_style")) :tag("div"):addClass("navbox-header-text"):wikitext(processItem(content)) :done() end local function renderList(content, index, level) even = not even -- flip even/odd status local class = getArg("list_level_"..level.."_class") or getArg("list_"..index.."_class") or listClass if string.match(class, "^%-+$") then class = nil end return mw.html.create("div"):addClass("navbox-wrap"):addClass(even and "navbox-even" or "navbox-odd") :addClass(class) :cssText(getArg("list_level_"..level.."_css") or getArg("list_level_"..level.."_style") or getArg("list_"..index.."_css") or getArg("list_"..index.."_style") or getArg("list_css") or getArg("list_style")) :tag("div"):addClass("navbox-list"):wikitext(processItem(content)) :done() end local renderRow, renderSublist function renderRow(box, v, k, level) if v["group"] or v["list"] or v["sub"] then local row = box:tag("div"):addClass("navbox-row") if v["group"] or (v["sub"] and level > 0 and not v["group"] and not v["list"]) then local groupCell = row:tag("div") if level == 0 then groupCell:addClass("navbox-group") :addClass(getArg("group_"..k.."_class") or groupClass) :cssText(getArg("group_"..k.."_css") or getArg("group_"..k.."_style") or getArg("group_css") or getArg("group_style")) else groupCell:addClass("navbox-subgroup level-"..level) :addClass(getArg("group_"..k.."_class") or getArg("subgroup_"..k.."_class") or getArg("subgroup_level_"..level.."_class") or subgroupClass) :cssText(getArg("group_"..k.."_css") or getArg("group_"..k.."_style") or getArg("subgroup_"..k.."_css") or getArg("subgroup_"..k.."_style") or getArg("subgroup_level_"..level.."_css") or getArg("subgroup_level_"..level.."_style") or getArg("subgroup_css") or getArg("subgroup_style")) end groupCell:tag("div"):addClass("navbox-wrap"):wikitext(processItem(v["group"] or "")) if not v["group"] then groupCell:addClass("empty") row:addClass("empty-group-list") end else row:addClass("empty-group") end local listCell = row:tag("div"):addClass("navbox-listbox") if not v["list"] and not v["sub"] then listCell:addClass("empty") row:addClass("empty-list") end if v["list"] or (v["group"] and not v["sub"]) then listCell:node(renderList(v["list"] or "", k, level)) end if v["sub"] then listCell:node(renderSublist(v["sub"], k, level+1)) end return box end end function renderSublist(l, prefix, level) local count = 0 local box = mw.html.create("div"):addClass("navbox-sublist level-"..level) for k,v in pairsByKeys(l) do count = count + tonumber(renderRow(box, v, prefix.."."..k, level) and 1 or 0) end if count > 0 then return box:css("--count", count) end end function build() listClass = getArg("list_class") or getArg("listclass") or config["default_list_class"] or "" if string.match(listClass, "^%-+$") then listClass = nil end groupClass = getArg("group_class") or config["default_group_class"] or "" if string.match(groupClass, "^%-+$") then groupClass = nil end subgroupClass = getArg("subgroup_class") or config["default_subgroup_class"] or "" if string.match(subgroupClass, "^%-+$") then subgroupClass = nil end headerState = getArg("header_state") local res = mw.html.create() local state = getArg("state") local collapsible = (state ~= "plain" and state ~= "off") local navbar = getArg("navbar") navbar = (navbar ~= "plain" and navbar ~="off") local title = getArg("title") local above = getArg("above") local below = getArg("below") local striped = getArg("striped") or getArg("evenodd") if striped == "odd" or striped == "swap" then striped = "striped-odd" elseif striped == "y" or striped == "yes" or striped == "on" or striped == "even" or striped == "striped" then striped = "striped-even" else striped = nil end -- build navbox container local navboxClass = getArg("class") or getArg("navbox_class") or config["default_navbox_class"] or "" if string.match(navboxClass, "^%-+$") then navboxClass = nil end local nav = res:tag("div") :attr("role", "navigation") :addClass("navbox") :addClass(navboxClass) :addClass(striped) :cssText(getArg("css") or getArg("style") or getArg("navbox_css") or getArg("navbox_style")) if collapsible then nav:addClass("mw-collapsible") if state == "collapsed" then nav:addClass("mw-collapsed") end end -- aria-labelledby title, otherwise above if title or above then nav:attr("aria-labelledby", mw.uri.anchorEncode(title or above)) else nav:attr("aria-label", "Navbox") end -- title bar if title or collapsible or navbar then nav:node(renderTitleBar(title, collapsible, navbar)) end -- above if above then nav:node(renderAboveBox(above, not title)) end -- sections local section, box for k,v in pairsByKeys(tree) do --start a new section if v["header"] or not section then section = nav:tag("div"):addClass("navbox-section mw-collapsible-content") :addClass(getArg("section_"..k.."_class")):cssText(getArg("section_"..k.."_css") or getArg("section_"..k.."_style")) even = true -- reset even/odd status if v["header"] then local state = "plain" if not string.match(v["header"], "^%-%-+$") then section:node(renderSectionHeader(v["header"], k)) state = getArg("state_"..k) or headerState end if state ~= "plain" and state ~= "off" then section:addClass("mw-collapsible") if state == "collapsed" then section:addClass("mw-collapsed") end end end box = section:tag("div"):addClass("navbox-section-body mw-collapsible-content") end renderRow(box, v, k, 0) end -- below if below then nav:node(renderBelowBox(below)) end return tostring(res) end --------------------------------------------------------------------- return { navbox = function(frame) for k, v in pairs(frame.args) do if type(k) == "string" then v = trim(tostring(v)) if v ~= "" then args[normalize(k)] = v end end end for k, v in pairs(frame:getParent().args) do if type(k) == "string" then v = trim(v) if v ~= "" then args[normalize(k)] = v end end end for k, v in pairs(args) do local _ = parseArg("list", k, v) or parseArg("group", k, v) or parseArg("header", k, v) end return build() end, getConfig = function(frame) local key = trim(frame.args["key"] or frame.args[1] or frame:getParent().args["key"] or frame:getParent().args[1] or "") return config[key] end, } 07c8b0b8b214e5fd5548ebb3554b0713e3e18359 10 251 350 2024-10-23T05:01:06Z Aeywoo 30671 Created [[Template:Infobox location]]. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>Game Info</header> <data source="chapter"><label>Developer</label></data> <data source="characters"><label>Publisher</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Locations]]|}}</includeonly><noinclude>{{/doc}}</noinclude> 95afb64ce282052a50a6b074456eeedb42bd61bb 351 350 2024-10-23T05:04:05Z Aeywoo 30671 Updated. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>Game Info</header> <data source="chapters"><label>Chapters</label></data> <data source="characters"><label>Characters</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Locations]]|}}</includeonly><noinclude>{{/doc}}</noinclude> edb3977cd0505fbed5992a5141df49565927831e 10 252 367 366 2024-10-23T05:06:49Z Aeywoo 30671 15 revisions imported: Importing Template:Reflist and Template:Reflist/doc from the MediaWiki Wiki. wikitext text/x-wiki <div class="reflist <!-- -->{{#if: {{{1|}}} | columns {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | references-column-width | references-column-count references-column-count-{{#if:1|{{{1}}}}} }} | {{#if: {{{colwidth|}}} | references-column-width }} }}" style="<!-- -->{{#if: {{{1|}}} | {{#iferror: {{#ifexpr: {{{1|1}}} > 1 }} | column-width: {{{1|30em}}}; | column-count: {{{1|2}}}; }} | {{#if: {{{colwidth|}}} | column-width: {{{colwidth|30em}}}; }} }} list-style-type: <!-- -->{{{liststyle|{{#switch: {{{group|}}} | upper-alpha | upper-roman | lower-alpha | lower-greek | lower-roman = {{{group}}} | #default = decimal}}}}};"> {{#tag:references|{{{refs|}}}|group={{{group|}}}}}</div><noinclude> {{Documentation}} </noinclude> de0a545ac3deb393fc45bde05f67c78fe04d9152 10 253 411 410 2024-10-23T05:06:54Z Aeywoo 30671 43 revisions imported: Importing Template:Reflist and Template:Reflist/doc from the MediaWiki Wiki. wikitext text/x-wiki {{Documentation subpage}} This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[w:Help:Footnotes|footnotes]]. It encapsulates the {{tag|references|s}} tag used by the [[cite.php]] MediaWiki extension to show the list of references as defined by {{tag|ref|o}} tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster {{tag|references|s}} tag. ==Parameters== * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., {{tag|ref|s|params=name=name}}); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., {{tlx|Reflist|2=group=groupname}} renders all references with groupname as the group name ({{tag|ref|o|params=group=groupname}}). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} ==TemplateData== {{TemplateData header}} <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pt-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article. Used with named references (e.g., ‎<ref name=“name” />); it specifies a list of some or all named references used in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo. Usado com referências nomeadas (por exemplo, <ref name=“name” />); ele especifica uma lista de algumas ou todas as referências nomeadas usadas no artigo." }, "suggested": true, "type": "content" } } } </templatedata> d0b87e7626ba7aa7cc9f0a0fdb518fbea6b9cd99 412 411 2024-10-23T05:12:07Z Aeywoo 30671 Updated coumentation. wikitext text/x-wiki This [[Wikipedia:Citation templates|citation template]] provides formatting and organizational features for [[Wikipedia:Help:Footnotes|footnotes]]. It encapsulates the <code><nowiki><reference/></nowiki></code> tag used by the [[mw:cite.php|cite.php]] MediaWiki extension to show the list of references as defined by <code><nowiki><ref></nowiki></code> tags. It adds support for a reduced font size, columns, groups. If you don't use any of the additional features, then it produces the same output as the simpler and slightly faster <nowiki><references/></nowiki> tag. == Parameters == * '''First unnamed parameter''': ** '''column-count''': a natural number specifying fixed columns into which the reference list is to be rendered. Example: <code>|2|</code>. ** '''column-width''': a typographic unit of measurement such as ''em'', specifying the width for the reference list columns. Example: <code>|30em|</code>. * '''refs''': used with named references (e.g., <code><nowiki><ref name=name /></nowiki></code>); it specifies a list of some or all named references used in the article. * '''group''': identifies by name the subset of references to be rendered; the value should correspond to that used inline, e.g., <code><nowiki>{{Reflist|group=groupname}}</nowiki></code> renders all references with groupname as the group name (<code><nowiki><ref group=groupname></nowiki></code>). * '''liststyle''': specifies the style used when the reference list is enumerated; if none is specified, the default is to render a numbered list. ==Example== <pre> Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} </pre> gives: Lorem.<ref>ipsum</ref><ref>dolor</ref><ref>sit</ref><ref>amet</ref> Consectetur.<ref>adipisicing</ref><ref>elit, sed</ref><ref>do</ref> {{Reflist|3}} == TemplateData == <templatedata> { "description": { "en": "A reference list, with options for setting columns, groups, extra references etc.", "cs": "Seznam referencí s možnostmi nastavení sloupců, skupin, dalších odkazů atd.", "pt-br": "Uma lista de referências, com opções para definir colunas, grupos, referências extras etc." }, "params": { "1": { "label": { "en": "Column Count", "cs": "Počet sloupců", "pt-br": "Quantidade de colunas" }, "type": "number", "default": "1", "description": { "en": "A natural number specifying fixed columns into which the reference list is to be rendered.", "pt-br": "Um número natural que especifica colunas fixas nas quais a lista de referência deve ser renderizada." }, "example": { "en": "|2|", "cs": "|2|", "pt-br": "|2|" } }, "colwidth": { "label": { "en": "Column Width", "cs": "Šířka sloupce", "pt-br": "Largura da coluna" }, "type": "string", "description": { "en": "A typographic unit of measurement such as “em”, specifying the width for the reference list columns.", "pt-br": "Uma unidade de medida tipográfica como “em”, especificando a largura das colunas da lista de referência." }, "example": { "en": "|colwidth=30em|", "cs": "|colwidth=30em|", "pt-br": "|colwidth=30em|" } }, "liststyle": { "label": { "en": "List Style", "cs": "Styl seznamu", "pt-br": "Estilo de lista" }, "description": { "en": "Specifies the style used when the reference list is enumerated; accepts any valid CSS value defined for “list-style-type”.", "cs": "Určuje styl použitý při výčtu seznamu odkazů; přijímá jakoukoli platnou hodnotu CSS definovanou pro “typ-style-listu”.", "pt-br": "Especifica o estilo usado quando a lista de referência é enumerada; aceita qualquer valor CSS válido definido para “list-style-type”." }, "suggestedvalues": [ "decimal", "lower-alpha", "lower-greek", "lower-roman", "upper-alpha", "upper-roman" ], "default": "decimal", "type": "string" }, "group": { "label": { "en": "Group name", "cs": "Název skupiny", "pt-br": "Nome do grupo" }, "description": { "en": "The name of the references group. Identifies by name the subset of references to be rendered; the value should correspond to that used inline.", "cs": "Název skupiny doporučení.", "pt-br": "O nome do grupo da referência. Identifica pelo nome o subconjunto de referências a serem renderizadas; o valor deve corresponder ao inline usado." }, "type": "string", "example": { "en": "{{reflist|group=groupname}} renders all references with “groupname” as the group name (<ref group=“groupname”>)", "pt-br": "{{reflist|group=groupname}} renderiza todas as referências com “groupname” como o nome do grupo (<ref group=“groupname”>)" } }, "refs": { "label": { "en": "List of references", "cs": "Seznam doporučení", "pt-br": "Lista de referências" }, "description": { "en": "Provides a space to define named references for use in the article. Used with named references (e.g., ‎<ref name=“name” />); it specifies a list of some or all named references used in the article.", "cs": "Poskytuje prostor pro definování pojmenovaných odkazů pro použití v článku.", "pt-br": "Fornece um espaço para definir referências nomeadas para uso no artigo. Usado com referências nomeadas (por exemplo, <ref name=“name” />); ele especifica uma lista de algumas ou todas as referências nomeadas usadas no artigo." }, "suggested": true, "type": "content" } } } </templatedata> 8cb1cbf68517f7a77c8c678a2c304bfde2f29cb2 10 237 413 295 2024-10-26T17:47:48Z JustLeafy 396175 wikitext text/x-wiki {{Main page box/start | title = Links | id = links<!-- this should be identical to the subpage name, and must be a valid CSS custom-ident: https://developer.mozilla.org/en-US/docs/Web/CSS/custom-ident --> | class = centered-content }} <div class="mp-links columns-2"> * {{MP link|Characters}} * {{MP link|Locations}} </div> {{Main page box/end}}<noinclude>[[Category:Main page boxes]]</noinclude> 0ee4a9267c7b61f674f73fd1e58a856457e3ac50 10 245 414 325 2024-10-27T01:59:50Z Aeywoo 30671 Updated some labels. wikitext text/x-wiki <includeonly><infobox> <title source="title"><default>{{PAGENAME}}</default><format>{{{title}}}</format></title> <image source="image"><caption source="caption"/></image> <group collapse="open"> <header>Character Info</header> <data source="name"><label>Name</label></data> <data source="race"><label>Race</label></data> <data source="profession"><label>Profession</label></data> <data source="relatives"><label>Relatives</label></data> <data source="locations"><label>Locations</label></data> <data source="objectives"><label>Objectives</label></data> <data source="voice_actor"><label>Voice actor</label></data> </group> <group layout="horizontal" collapse="open"> <header>Technical Details</header> <data source="filename"><label>Filename</label></data> </group> </infobox>{{#ifeq:{{NAMESPACE}}|{{ns:0}}|[[Category:Characters]]|}}</includeonly><noinclude>{{/doc}}</noinclude> b7b2468becc159eae7a6f4ebe82b87662c1b2bb4 6 254 415 2024-10-27T02:50:09Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 255 416 2024-10-27T02:50:10Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 256 417 2024-10-27T02:50:11Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 257 418 2024-10-27T02:55:20Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 258 419 2024-10-27T02:55:21Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 259 420 2024-10-27T02:55:22Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 260 421 2024-10-27T02:55:23Z Aeywoo 30671 wikitext text/x-wiki Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} [[Category:Screenshots]] c42df72f3863c14f7d275fb8a48d137a821e652e 6 261 422 2024-10-27T03:07:19Z Aeywoo 30671 Screenshot of [[The Thumbitt Inn]]. wikitext text/x-wiki == Summary == Screenshot of [[The Thumbitt Inn]]. == Licensing == {{License|game}} 6cc911f010480d9aa7b14b2775aa78eb3fb6e283 0 262 423 2024-10-27T03:33:48Z Aeywoo 30671 Created page [[The Thumbitt Inn]]. wikitext text/x-wiki {{Infobox location |title = The Thumbitt Inn |image = <gallery> The Thumbitt Inn Exterior Screenshot.jpg|Exterior 1 The Thumbitt Inn Exterior Van Screenshot.jpg|Exterior 2 The Thumbitt Inn Interior Screenshot.jpg|Interior 1 The Thumbitt Inn Interior 2 Screenshot.jpg|Interior 2 </gallery> |chapters = [[Intro]], [[In for a penny]], [[Milk Shy No More]], [[Still at Large]] |characters = [[Larry]], [[Ronny]]}} '''The Thumbitt Inn''' is a lodging establishment combined with a pub downstairs (also known as a public house), it is located within the town of [[Barnsworth]]. == Overview == ''The Thumbitt Inn'' is first accessible during [[Chapter 1]] after talking to [[Meg]] or [[Colin]] in-front of [[Mother Megg's Buttery Goods]], ''The Thumbitt Inn'' serves four types of alcohol: Ronns Ale, Oakley Brew, Barnsworth Bitter and Classic Pint of Beer. == Objective == ''The Thumbitt Inn'' is only used for one mandatory story objective, this requires [[Ronny]] to go to ''Mother Megg's Buttery Goods'' to unlock the shutter that [[Colin]] lost the key for. Upon entering the Inn you will overhear a conversation between Ronny and [[Larry]] about their favourite [[Wikipedia:Pint|pints]], Ronny will request his morning pint, but is told by Larry that all the beer is coming out flat, Ronny will suggest that Larry should go down to the cellar and shake up the barrels of beer to help re-carbonate the beer, but Larry mentions that he is unable to because he doesn't know how, as [[Kerry]] usually does it instead. === Solution === {{Spoiler notice}} {{Spoiler|After hearing the conversation between Larry and Ronny, you will have to jump down into the sink to the right of Larry to reach the cellar, after entering Larry will direct you to knock the barrels around to re-carbonate the beer, after doing so a hose will disconnect from one of the barrels, after walking up to the hose, you will be sucked up into the beer. After appearing inside the barrel you will begin swimming upwards through the beer, Ronny will shortly appear as a beer bottle and will begin talking about how he goes about his mornings, soon after Larry will show up where he offers Ronny his morning pint, however Ronny says that he should already be over at ''Mother Megg's Buttery Goods'', shortly afterwards he fades away into the beer leaving Larry to offer you a pint where he pours you out of the Classic Pint of Beer nozzle.}} == Optional event == {{Spoiler notice}} {{Spoiler|This optional and skippable event involves [[Rog]], [[Larry]], [[Ronny]], [[Jasper]], [[Herbert]], [[Paul]] and the [[Lager guy]], first you need to visit [[Rog's Veg Hole]] and view the cutscene, afterwards head outside and go towards '''All Abroad Travels''' and encounter [[Bootleg Bill]]'s popup '''Quality Watches''' shop, after kicking it he will flee into the alley and climb over the Bif's Bin, this will then start [[Brigadier Bean Tin#Objective|Brigadier Bean Tin's]] objectives, after completing both objectives you will gain access to the back of the Bif's Bin where you can get back into the cellar of ''The Thumbitt Inn''. Later during the [[Still at Large]] chapter, after making your way back to the [[The Market]] you can head in-front of '''All Abroad Travel''' and encounter Rog talking to Ron about his big head, Ron reassures Rog about the size of his head and implores him to come with him down to the pub to meet with the lads. After heading through the Big's Bin one last time to enter the cellar of ''The Thumbitt Inn'' where you will be poured out into a pint again to see a group of people consoling Rog about the size of his head ending all events and objectives with ''The Thumbitt Inn''.}} == Gallery == <gallery position="center"> The Thumbitt Inn Exterior Screenshot.jpg|Screenshot of the Exterior of ''The Thumbitt Inn'' with the doors open. The Thumbitt Inn Exterior Van Screenshot.jpg|Screenshot of the Exterior right side of ''The Thumbitt Inn'' with a van. The Thumbitt Inn Interior Screenshot.jpg|First screenshot of the Interior of ''The Thumbitt Inn''. The Thumbitt Inn Interior 2 Screenshot.jpg|Second screenshot of the Interior of ''The Thumbitt Inn''. The Thumbitt Inn Interior Pint Screenshot.jpg|Screenshot of [[Rodney]] inside of a Pint in ''The Thimbitt Inn''. The Thumbitt Inn Interior Cellar Screenshot.jpg|Screenshot of the cellar. The Thumbitt Inn Interior Cellar 1 Screenshot.jpg|Screenshot of [[Rodney]] laying in the cellar. The Thumbitt Inn Interior Cellar 2 Screenshot.jpg|Screenshot of [[Rodney]] in the cellar being sucked into the hose of a beer barrel. </gallery> [[Category:Businesses]] 3a4b8f1e02f8da3969e74eea8b0e9927109b9212 425 423 2024-10-27T04:46:49Z Aeywoo 30671 Updated infobox images and gallery images. wikitext text/x-wiki {{Infobox location |title = The Thumbitt Inn |image = <gallery> The Thumbitt Inn Exterior Screenshot.jpg|Exterior The Thumbitt Inn Exterior Locked Screenshot.jpg|Locked The Thumbitt Inn Exterior Van Screenshot.jpg|Exterior 2 The Thumbitt Inn Interior Screenshot.jpg|Interior </gallery> |chapters = [[Intro]], [[In for a penny]], [[Milk Shy No More]], [[Still at Large]] |characters = [[Larry]], [[Ronny]]}} '''The Thumbitt Inn''' is a lodging establishment combined with a pub downstairs (also known as a public house), it is located within the town of [[Barnsworth]]. == Overview == ''The Thumbitt Inn'' is first accessible during [[Chapter 1]] after talking to [[Meg]] or [[Colin]] in-front of [[Mother Megg's Buttery Goods]], ''The Thumbitt Inn'' serves four types of alcohol: Ronns Ale, Oakley Brew, Barnsworth Bitter and Classic Pint of Beer. == Objective == ''The Thumbitt Inn'' is only used for one mandatory story objective, this requires [[Ronny]] to go to ''Mother Megg's Buttery Goods'' to unlock the shutter that [[Colin]] lost the key for. Upon entering the Inn you will overhear a conversation between Ronny and [[Larry]] about their favourite [[Wikipedia:Pint|pints]], Ronny will request his morning pint, but is told by Larry that all the beer is coming out flat, Ronny will suggest that Larry should go down to the cellar and shake up the barrels of beer to help re-carbonate the beer, but Larry mentions that he is unable to because he doesn't know how, as [[Kerry]] usually does it instead. === Solution === {{Spoiler notice}} {{Spoiler|After hearing the conversation between Larry and Ronny, you will have to jump down into the sink to the right of Larry to reach the cellar, after entering Larry will direct you to knock the barrels around to re-carbonate the beer, after doing so a hose will disconnect from one of the barrels, after walking up to the hose, you will be sucked up into the beer. After appearing inside the barrel you will begin swimming upwards through the beer, Ronny will shortly appear as a beer bottle and will begin talking about how he goes about his mornings, soon after Larry will show up where he offers Ronny his morning pint, however Ronny says that he should already be over at ''Mother Megg's Buttery Goods'', shortly afterwards he fades away into the beer leaving Larry to offer you a pint where he pours you out of the Classic Pint of Beer nozzle.}} == Optional event == {{Spoiler notice}} {{Spoiler|This optional and skippable event involves [[Rog]], [[Larry]], [[Ronny]], [[Jasper]], [[Herbert]], [[Paul]] and the [[Lager guy]], first you need to visit [[Rog's Veg Hole]] and view the cutscene, afterwards head outside and go towards '''All Abroad Travels''' and encounter [[Bootleg Bill]]'s popup '''Quality Watches''' shop, after kicking it he will flee into the alley and climb over the Bif's Bin, this will then start [[Brigadier Bean Tin#Objective|Brigadier Bean Tin's]] objectives, after completing both objectives you will gain access to the back of the Bif's Bin where you can get back into the cellar of ''The Thumbitt Inn''. Later during the [[Still at Large]] chapter, after making your way back to the [[The Market]] you can head in-front of '''All Abroad Travel''' and encounter Rog talking to Ron about his big head, Ron reassures Rog about the size of his head and implores him to come with him down to the pub to meet with the lads. After heading through the Big's Bin one last time to enter the cellar of ''The Thumbitt Inn'' where you will be poured out into a pint again to see a group of people consoling Rog about the size of his head ending all events and objectives with ''The Thumbitt Inn''.}} == Gallery == <gallery position="center"> The Thumbitt Inn Exterior Screenshot.jpg|Screenshot of the Exterior of ''The Thumbitt Inn'' with the doors open. The Thumbitt Inn Exterior Locked Screenshot.jpg|Screenshot of the Exterior of ''The Thumbitt Inn'' being locked. The Thumbitt Inn Exterior Van Screenshot.jpg|Screenshot of the Exterior right side of ''The Thumbitt Inn'' with a van. The Thumbitt Inn Interior Screenshot.jpg|First screenshot of the Interior of ''The Thumbitt Inn''. The Thumbitt Inn Interior 2 Screenshot.jpg|Second screenshot of the Interior of ''The Thumbitt Inn''. The Thumbitt Inn Interior Pint Screenshot.jpg|Screenshot of [[Rodney]] inside of a Pint in ''The Thimbitt Inn''. The Thumbitt Inn Interior Cellar Screenshot.jpg|Screenshot of the cellar. The Thumbitt Inn Interior Cellar 1 Screenshot.jpg|Screenshot of [[Rodney]] laying in the cellar. The Thumbitt Inn Interior Cellar 2 Screenshot.jpg|Screenshot of [[Rodney]] in the cellar being sucked into the hose of a beer barrel. </gallery> [[Category:Businesses]] b0a9a0a1fef2a0cc4c7a3a8c403b4382287a77bb 6 263 424 2024-10-27T04:44:18Z Aeywoo 30671 Screenshot of [[The Thumbitt Inn]]. [[Category:Screenshots]] wikitext text/x-wiki == Summary == Screenshot of [[The Thumbitt Inn]]. [[Category:Screenshots]] == Licensing == {{License|game}} a7775c8c49d31d4114f726d388b3847a281610ee 0 264 426 2024-10-27T10:06:58Z JustLeafy 396175 Redirected page to [[Rodney]] wikitext text/x-wiki #REDIRECT [[Rodney]] 70eb263e265009fea49fa7910dcdf5a1a9a4eef1 0 265 427 2024-10-27T10:06:58Z JustLeafy 396175 Redirected page to [[Rodney]] wikitext text/x-wiki #REDIRECT [[Rodney]] 70eb263e265009fea49fa7910dcdf5a1a9a4eef1 0 266 428 2024-10-27T10:09:45Z JustLeafy 396175 Created page with "{{Stub}} {{Infobox character}} '''Rodney'''<ref>In the game, his name was never mentioned. However, according to the game files, this is his name.</ref> is the main protagonist and player character of ''[[Thank Goodness You're Here!]]''. == Throughout ''[[Thank Goodness You're Here!]]'' == '''To be added''' == Appearance == He appears to be a small character with a yellow skin tone and an enlarged head. He is partially bald and has brown hair and eyebrows, as well as..." wikitext text/x-wiki {{Stub}} {{Infobox character}} '''Rodney'''<ref>In the game, his name was never mentioned. However, according to the game files, this is his name.</ref> is the main protagonist and player character of ''[[Thank Goodness You're Here!]]''. == Throughout ''[[Thank Goodness You're Here!]]'' == '''To be added''' == Appearance == He appears to be a small character with a yellow skin tone and an enlarged head. He is partially bald and has brown hair and eyebrows, as well as blue eyes and a long nose. He wears a white shirt with a red tie on it, blue jeans, and a pair of dark gray shoes. == References == <references/> 2536e21ba2ec49ffe6d284c87eaa64a8055b0eb3 14 267 429 2024-10-28T07:07:30Z JustLeafy 396175 Created page with "These are the different characters that appear in ''[[Thank Goodness, You're Here!]]''." wikitext text/x-wiki These are the different characters that appear in ''[[Thank Goodness, You're Here!]]''. e5aea7976693373a54dbd5f67a548c1e3ad8569b 430 429 2024-10-28T07:07:42Z JustLeafy 396175 wikitext text/x-wiki These are the different characters that appear in ''[[Thank Goodness You're Here!]]''. 1123a1121959100c0cdc6577907da8b34f38a178 431 430 2024-10-28T07:08:01Z JustLeafy 396175 wikitext text/x-wiki These are the different [[characters]] that appear in ''[[Thank Goodness You're Here!]]''. 68847ae3a96c15191bf824995b162b6e177f06f4